@spaced-out/ui-design-system 0.4.13 → 0.4.15-beta.0

package/lib/components/SearchInput/index.d.ts

@@ -0,0 +1,3 @@
+export type { SearchInputProps } from './SearchInput';
+export { SearchInput } from './SearchInput';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/SearchInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/lib/components/Separator/Separator.d.ts

@@ -0,0 +1,18 @@
+import type { Flow } from 'flow-to-typescript-codemod';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export declare const ORIENTATION: Readonly<{
+    horizontal: "horizontal";
+    vertical: "vertical";
+}>;
+export type OrientationType = typeof ORIENTATION[keyof typeof ORIENTATION];
+export type SeparatorProps = {
+    classNames?: ClassNames;
+    orientation?: OrientationType;
+    width?: string;
+    height?: string;
+};
+export declare const Separator: Flow.AbstractComponent<SeparatorProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=Separator.d.ts.map

package/lib/components/Separator/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,WAAW,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAE3E,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA4B3E,CAAC"}

package/lib/components/Separator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Separator';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/lib/components/Shimmer/Shimmer.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export declare const SHIMMER_TYPES: Readonly<{
+    text: "text";
+    rounded: "rounded";
+    circular: "circular";
+    rectangular: "rectangular";
+}>;
+export declare const SHIMMER_TYPE_TO_BORDER_RADIUS_MAP: Readonly<{
+    text: "4px";
+    rounded: "12px";
+    circular: "50%";
+    rectangular: "0px";
+}>;
+export type ShimmerType = typeof SHIMMER_TYPES[keyof typeof SHIMMER_TYPES];
+export type ShimmerProps = {
+    classNames?: ClassNames;
+    show?: boolean;
+    type?: ShimmerType;
+    width?: number | string;
+    height?: number | string;
+    borderRadius?: number | string;
+    children?: React.ReactNode;
+};
+export type ShimmerWrapperProps = {
+    children?: React.ReactNode;
+};
+/**
+ * Note(Nishant): ShimmerWrapper is a wrapper component for Shimmer component. This should only be used for Text based Shimmers
+ * This solves a very annoying problem with out text components where the display prop is set to flex.
+ * Genesis assumes that every element is flexible for simplicity and for text text shimmers to work in use cases
+ * where text wraps across multiple lines, we need to wrap the shimmer in a span element.
+ * to avoid the misuse where consumers use there own / other block level components, we have this wrapper.
+ * This would ensure the layout remains same even when you toggle the shimmer to show your actual content
+ * @param {React.Node} children - The children to be rendered
+ */
+export declare const ShimmerWrapper: ({ children, }: ShimmerWrapperProps) => React.ReactElement<React.ComponentProps<"span">>;
+export declare const Shimmer: Flow.AbstractComponent<ShimmerProps, HTMLSpanElement>;
+type KPIShimmerClassNames = Readonly<{
+    wrapper?: string;
+    icon?: string;
+    text?: string;
+}>;
+export type KPIShimmerProps = {
+    textWidth?: number | string;
+    hasTopContent?: boolean;
+    hasMiddleContent?: boolean;
+    hasBottomContent?: boolean;
+    hasIcon?: boolean;
+    classNames?: KPIShimmerClassNames;
+};
+export declare const KPIShimmer: ({ textWidth, hasBottomContent, hasIcon, hasTopContent, hasMiddleContent, classNames, }: KPIShimmerProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Shimmer.d.ts.map

package/lib/components/Shimmer/Shimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../../../src/components/Shimmer/Shimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAerD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;EAK5C,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,OAAO,aAAa,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE3E,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GACzB,eAEG,mBAAmB,KACrB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAA4B,CAAC;AAE/E,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,eAAe,CAiCtE,CAAC;AAEL,KAAK,oBAAoB,GAAG,QAAQ,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,wFAOG,eAAe,sBAkBb,CAAC"}

package/lib/components/Shimmer/Shimmer.js

@@ -53,7 +53,9 @@ const Shimmer = exports.Shimmer = /*#__PURE__*/React.forwardRef((_ref2, ref) =>
   if (!show) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
-  const borderRadiusValue = borderRadius ?? SHIMMER_TYPE_TO_BORDER_RADIUS_MAP[type];
+  const borderRadiusValue =
+  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ text: string; rounded: string; circular: string; rectangular: string; }>'.
+  borderRadius ?? SHIMMER_TYPE_TO_BORDER_RADIUS_MAP[type];
   return /*#__PURE__*/React.createElement("span", {
     ref: ref,
     "data-testid": "Shimmer",

package/lib/components/Shimmer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Shimmer';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Shimmer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Shimmer/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/lib/components/SideMenuLink/SideMenuLink.d.ts

@@ -0,0 +1,211 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { BaseLinkProps } from '../Link';
+import type { StatusSemanticType } from '../StatusIndicator';
+import type { BaseTooltipProps } from '../Tooltip';
+export declare const MENU_NAME_LIST: Readonly<{
+    dashboard: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    engage: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    journeys: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    automation: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    trm: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    analytics: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    messaging: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    messages: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    chatbot: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    referral: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    referrals: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    records: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    'database-cleanup': {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    support: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    audit: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    schedule: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    people: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    contacts: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    meetings: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    contacts3: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    senseai: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    'sense-jd-ai': {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    tracking: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    jobs: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    drive: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    conversations: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    pages: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    sourcing: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    earnings: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    settings: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    configuration: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    supportLinks: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    voiceflow: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    broadcast: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    liveAgentTransfer: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+    dataManagement: {
+        title: string;
+        iconName: string;
+        iconType: string;
+    };
+}>;
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type SideMenuLinkProps = {
+    classNames?: ClassNames;
+    children?: React.ReactNode;
+    customTitle?: string;
+    pageNameKey: string;
+    disabled?: boolean;
+    hovered?: boolean;
+    selectedValue?: string;
+    opened?: boolean;
+    onChange?: (e: React.SyntheticEvent<HTMLElement>, newValue: string) => unknown;
+    tabIndex?: number;
+    tooltip?: BaseTooltipProps;
+    isGroupMenuLink?: boolean;
+    to?: string;
+    rightSlot?: React.ReactNode;
+    linkComponent?: Flow.AbstractComponent<BaseLinkProps, HTMLAnchorElement | null | undefined>;
+    status?: StatusSemanticType;
+};
+export declare const SideMenuLink: Flow.AbstractComponent<SideMenuLinkProps, HTMLButtonElement>;
+export {};
+//# sourceMappingURL=SideMenuLink.d.ts.map

package/lib/components/SideMenuLink/SideMenuLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenuLink.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/SideMenuLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAG3D,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAMjD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqLzB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC5F,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,iBAAiB,CAoHpF,CAAC"}

package/lib/components/SideMenuLink/SideMenuLink.js

@@ -222,6 +222,8 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
   const onChangeHandler = e => {
     onChange && onChange(e, pageNameKey);
   };
+
+  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ dashboard: { title: string; iconName: string; iconType: string; }; engage: { title: string; iconName: string; iconType: string; }; journeys: { title: string; iconName: string; iconType: string; }; automation: { ...; }; ... 31 more ...; dataManagement: { ...; }; }>'.
   const linkTitle = customTitle || MENU_NAME_LIST[pageNameKey].title;
   return /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
     condition: to !== undefined,
@@ -258,8 +260,12 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
     classNames: {
       wrapper: _SideMenuLinkModule.default.statusIndicatorBlock
     }
-  }), /*#__PURE__*/React.createElement(_Icon.Icon, {
-    type: MENU_NAME_LIST[pageNameKey].iconType,
+  }), /*#__PURE__*/React.createElement(_Icon.Icon
+  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ dashboard: { title: string; iconName: string; iconType: string; }; engage: { title: string; iconName: string; iconType: string; }; journeys: { title: string; iconName: string; iconType: string; }; automation: { ...; }; ... 31 more ...; dataManagement: { ...; }; }>'.
+  , {
+    type: MENU_NAME_LIST[pageNameKey].iconType
+    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ dashboard: { title: string; iconName: string; iconType: string; }; engage: { title: string; iconName: string; iconType: string; }; journeys: { title: string; iconName: string; iconType: string; }; automation: { ...; }; ... 31 more ...; dataManagement: { ...; }; }>'.
+    ,
     name: MENU_NAME_LIST[pageNameKey].iconName,
     size: "medium",
     color: _Text.TEXT_COLORS.inverseSecondary,

package/lib/components/SideMenuLink/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SideMenuLink';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/SideMenuLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/components/StatusIndicator/StatusIndicator.d.ts

@@ -0,0 +1,25 @@
+import type { Flow } from 'flow-to-typescript-codemod';
+import * as COLORS from '../../styles/variables/_color';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export declare const STATUS_SEMANTIC: Readonly<{
+    primary: "primary";
+    information: "information";
+    success: "success";
+    warning: "warning";
+    danger: "danger";
+    neutral: "neutral";
+    secondary: "secondary";
+}>;
+export type StatusSemanticType = typeof STATUS_SEMANTIC[keyof typeof STATUS_SEMANTIC];
+export type StatusIndicatorProps = {
+    classNames?: ClassNames;
+    status?: StatusSemanticType;
+    withBorder?: boolean;
+    borderColorToken?: keyof typeof COLORS;
+    disabled?: boolean;
+};
+export declare const StatusIndicator: Flow.AbstractComponent<StatusIndicatorProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=StatusIndicator.d.ts.map

package/lib/components/StatusIndicator/StatusIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/StatusIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,+BAA+B,CAAC;AAMxD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,OAAO,eAAe,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEtF,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAAC,oBAAoB,EAAE,cAAc,CA2BhF,CAAC"}

package/lib/components/StatusIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StatusIndicator';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/StatusIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/components/Stepper/Step/Step.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconType } from '../../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    stepCounter?: string;
+    content?: string;
+}>;
+export type StepProps = {
+    active?: boolean;
+    children: React.ReactNode;
+    completed?: boolean;
+    disabled?: boolean;
+    expanded?: boolean;
+    index: number;
+    last?: boolean;
+    classNames?: ClassNames;
+    allowClick?: boolean;
+    onClick?: (idx: number, e?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
+    iconName?: string;
+    iconType?: IconType;
+};
+export declare const Step: Flow.AbstractComponent<StepProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=Step.d.ts.map

package/lib/components/Stepper/Step/Step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAMzC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC;IAC7F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CA4F/D,CAAC"}

package/lib/components/Stepper/Step/Step.js

@@ -26,7 +26,11 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     iconType
   } = _ref;
   const childrenArray = React.Children.toArray(children).filter(Boolean);
-  const stepContent = childrenArray.map(stepContent => /*#__PURE__*/React.cloneElement(stepContent, {
+  const stepContent = childrenArray.map(stepContent =>
+  /*#__PURE__*/
+  // @ts-ignore - TS2769 - No overload matches this call.
+  React.cloneElement(stepContent, {
+    // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
     ...stepContent.props,
     active,
     completed,
@@ -53,14 +57,19 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       [_StepperModule.default.disabled]: disabled,
       [_StepperModule.default.withIcon]: !!iconName
     }, classNames?.stepCounter)
-  }, completed && !active ? /*#__PURE__*/React.createElement(_Icon.Icon, {
+  }, completed && !active ?
+  /*#__PURE__*/
+  // @ts-ignore - TS2769 - No overload matches this call.
+  React.createElement(_Icon.Icon, {
     name: "check",
     type: _Icon.ICON_TYPE.solid,
     size: _Icon.ICON_SIZE.small,
     className: _StepperModule.default.stepIcon
   }) : /*#__PURE__*/React.createElement(React.Fragment, null, iconName ? /*#__PURE__*/React.createElement(_Icon.Icon, {
     name: iconName,
-    className: _StepperModule.default.stepIcon,
+    className: _StepperModule.default.stepIcon
+    // @ts-ignore - TS2769 - No overload matches this call.
+    ,
     size: _Icon.ICON_SIZE.small,
     type: iconType
   }) : (index + 1).toString())), /*#__PURE__*/React.createElement("div", {

package/lib/components/Stepper/Step/StepContent.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type StepContentProps = {
+    children: React.ReactNode;
+    active?: boolean;
+    completed?: boolean;
+    disabled?: boolean;
+    classNames?: ClassNames;
+};
+export declare const StepContent: ({ children, classNames, active, completed, disabled, }: StepContentProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=StepContent.d.ts.map

package/lib/components/Stepper/Step/StepContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,wDAMG,gBAAgB,sBAad,CAAC"}

package/lib/components/Stepper/Step/StepLabel.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type StepLabelProps = {
+    children: React.ReactNode;
+    active?: boolean;
+    completed?: boolean;
+    disabled?: boolean;
+    classNames?: ClassNames;
+};
+export declare const StepLabel: ({ children, classNames, active, completed, disabled, }: StepLabelProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=StepLabel.d.ts.map

package/lib/components/Stepper/Step/StepLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,wDAMG,cAAc,sBAaZ,CAAC"}

package/lib/components/Stepper/Step/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Step';
+export * from './StepContent';
+export * from './StepLabel';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Stepper/Step/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/lib/components/Stepper/Stepper.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type StepperProps = {
+    classNames?: ClassNames;
+    activeStep?: number;
+    children: React.ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+};
+export declare const Stepper: Flow.AbstractComponent<StepperProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=Stepper.d.ts.map

package/lib/components/Stepper/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CA8CrE,CAAC"}

package/lib/components/Stepper/Stepper.js

@@ -20,6 +20,7 @@ const Stepper = exports.Stepper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   const childrenArray = React.Children.toArray(children).filter(Boolean);
   const steps = childrenArray.map((step, index) => {
     let isLastStepCompleted = false;
+    // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
     const {
       disabled: disabledChild,
       onClick
@@ -27,9 +28,12 @@ const Stepper = exports.Stepper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     if (index === 0) {
       isLastStepCompleted = true;
     } else {
+      // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
       isLastStepCompleted = childrenArray[index - 1]?.props?.completed;
     }
+    // @ts-ignore - TS2769 - No overload matches this call.
     return /*#__PURE__*/React.cloneElement(step, {
+      // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
       ...step.props,
       index,
       last: index + 1 === childrenArray.length,

package/lib/components/Stepper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Step';
+export * from './Stepper';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/lib/components/StickyBar/StickyBar.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+export type StickyBarProps = {
+    className?: string;
+    children: React.ReactNode;
+    position?: 'top' | 'bottom';
+};
+export type StickyBarChildProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+export declare const StickyBarLeftSlot: ({ className, children, ...props }: StickyBarChildProps) => React.JSX.Element;
+export declare const StickyBarRightSlot: ({ className, children, ...props }: StickyBarChildProps) => React.JSX.Element;
+export declare const StickyBar: Flow.AbstractComponent<StickyBarProps, HTMLDivElement>;
+//# sourceMappingURL=StickyBar.d.ts.map

package/lib/components/StickyBar/StickyBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBar.d.ts","sourceRoot":"","sources":["../../../src/components/StickyBar/StickyBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,mCAIG,mBAAmB,sBAGjB,CAAC;AAER,eAAO,MAAM,kBAAkB,GAC7B,mCAIG,mBAAmB,sBAGjB,CAAC;AAER,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAwB3E,CAAC"}

package/lib/components/StickyBar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StickyBar';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/StickyBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StickyBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/lib/components/SubMenu/SubMenu.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconSize, IconType } from '../Icon';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export type SubMenuProps = {
+    classNames?: ClassNames;
+    title: string;
+    titleIcon?: string;
+    titleIconSize?: IconSize;
+    titleIconType?: IconType;
+    children?: React.ReactNode;
+    onClose?: () => unknown;
+    showClose?: boolean;
+};
+export declare const SubMenu: Flow.AbstractComponent<SubMenuProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=SubMenu.d.ts.map

package/lib/components/SubMenu/SubMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAOhD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAiErE,CAAC"}