@bikdotai/bik-component-library 0.0.868-beta.1 → 0.0.868-beta.10

package/dist/esm/components/schedule-builder/model.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Types for the recurrence pickers.
+ *
+ * These enums are duplicated from the consuming app's campaign types on purpose:
+ * a library component cannot import from an app, and the string values are what
+ * both ends already send over the wire, so the two stay compatible without a
+ * shared package. Cast at the boundary if your app has its own copy.
+ */
+/**
+ * When something sends. SEND_NOW hides the date and time; SCHEDULE shows them;
+ * RECURRING adds the frequency, end rule and run preview beneath.
+ */
+export declare enum SEND_MODE {
+    SEND_NOW = "SEND_NOW",
+    SCHEDULE = "SCHEDULE",
+    RECURRING = "RECURRING"
+}
+/** How often the series repeats. */
+export declare enum RECURRENCE_FREQUENCY {
+    DAILY = "DAILY",
+    WEEKLY = "WEEKLY",
+    MONTHLY = "MONTHLY"
+}
+/** What stops a series from running forever. */
+export declare enum RECURRENCE_END_MODE {
+    NEVER = "NEVER",
+    AFTER_RUNS = "AFTER_RUNS",
+    ON_DATE = "ON_DATE"
+}
+/**
+ * The "Repeat every" choice shown for a monthly recurrence. FIRST and LAST are
+ * presets over the same dates the CUSTOM grid picks, so all three resolve to one
+ * set of dates plus a last-day flag rather than three separate code paths.
+ */
+export declare enum MONTHLY_REPEAT_OPTION {
+    FIRST = "FIRST",
+    LAST = "LAST",
+    CUSTOM = "CUSTOM"
+}
+/**
+ * Everything the pickers below the start date own.
+ *
+ * The start date and time are deliberately not here — they belong to the
+ * schedule the recurrence repeats from, which every send mode shares.
+ * `ScheduleBuilder` holds those as its own `date`/`hours`/`minutes` props so
+ * switching mode does not have to move them between two shapes.
+ */
+export interface RecurrenceValue {
+    frequency?: RECURRENCE_FREQUENCY;
+    endMode?: RECURRENCE_END_MODE;
+    /** Weekly only. JS day indices — 0 = Sunday, matching `Date.getDay()`. */
+    daysOfWeek?: number[];
+    /** Monthly only. Calendar dates, 1–31. */
+    datesOfMonth?: number[];
+    /** Monthly only. Runs on the last day of every month, whatever date that is. */
+    lastDaySelected?: boolean;
+    monthlyRepeatOption?: MONTHLY_REPEAT_OPTION;
+    /** AFTER_RUNS only. Counts the first run, so 1 means "just the start date". */
+    endAfterRuns?: number;
+    /** ON_DATE only. Epoch seconds at the end of the chosen day. */
+    endOnDate?: number;
+    refreshSegmentBeforeEachRun?: boolean;
+}
+/** Summary line split into its semibold parts and the plain text between them. */
+export interface RecurrenceSummary {
+    frequencyLabel: string;
+    timeLabel: string;
+    tail: string;
+}

package/dist/esm/components/schedule-builder/model.js

@@ -0,0 +1,8 @@
+var S = /* @__PURE__ */ ((r) => (r.SEND_NOW = "SEND_NOW", r.SCHEDULE = "SCHEDULE", r.RECURRING = "RECURRING", r))(S || {}), L = /* @__PURE__ */ ((r) => (r.DAILY = "DAILY", r.WEEKLY = "WEEKLY", r.MONTHLY = "MONTHLY", r))(L || {}), A = /* @__PURE__ */ ((r) => (r.NEVER = "NEVER", r.AFTER_RUNS = "AFTER_RUNS", r.ON_DATE = "ON_DATE", r))(A || {}), T = /* @__PURE__ */ ((r) => (r.FIRST = "FIRST", r.LAST = "LAST", r.CUSTOM = "CUSTOM", r))(T || {});
+export {
+  T as MONTHLY_REPEAT_OPTION,
+  A as RECURRENCE_END_MODE,
+  L as RECURRENCE_FREQUENCY,
+  S as SEND_MODE
+};
+//# sourceMappingURL=model.js.map

package/dist/esm/components/schedule-builder/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sources":["../../../../src/components/schedule-builder/model.ts"],"sourcesContent":["/**\n * Types for the recurrence pickers.\n *\n * These enums are duplicated from the consuming app's campaign types on purpose:\n * a library component cannot import from an app, and the string values are what\n * both ends already send over the wire, so the two stay compatible without a\n * shared package. Cast at the boundary if your app has its own copy.\n */\n\n/**\n * When something sends. SEND_NOW hides the date and time; SCHEDULE shows them;\n * RECURRING adds the frequency, end rule and run preview beneath.\n */\nexport enum SEND_MODE {\n\tSEND_NOW = 'SEND_NOW',\n\tSCHEDULE = 'SCHEDULE',\n\tRECURRING = 'RECURRING',\n}\n\n/** How often the series repeats. */\nexport enum RECURRENCE_FREQUENCY {\n\tDAILY = 'DAILY',\n\tWEEKLY = 'WEEKLY',\n\tMONTHLY = 'MONTHLY',\n}\n\n/** What stops a series from running forever. */\nexport enum RECURRENCE_END_MODE {\n\tNEVER = 'NEVER',\n\tAFTER_RUNS = 'AFTER_RUNS',\n\tON_DATE = 'ON_DATE',\n}\n\n/**\n * The \"Repeat every\" choice shown for a monthly recurrence. FIRST and LAST are\n * presets over the same dates the CUSTOM grid picks, so all three resolve to one\n * set of dates plus a last-day flag rather than three separate code paths.\n */\nexport enum MONTHLY_REPEAT_OPTION {\n\tFIRST = 'FIRST',\n\tLAST = 'LAST',\n\tCUSTOM = 'CUSTOM',\n}\n\n/**\n * Everything the pickers below the start date own.\n *\n * The start date and time are deliberately not here — they belong to the\n * schedule the recurrence repeats from, which every send mode shares.\n * `ScheduleBuilder` holds those as its own `date`/`hours`/`minutes` props so\n * switching mode does not have to move them between two shapes.\n */\nexport interface RecurrenceValue {\n\tfrequency?: RECURRENCE_FREQUENCY;\n\tendMode?: RECURRENCE_END_MODE;\n\t/** Weekly only. JS day indices — 0 = Sunday, matching `Date.getDay()`. */\n\tdaysOfWeek?: number[];\n\t/** Monthly only. Calendar dates, 1–31. */\n\tdatesOfMonth?: number[];\n\t/** Monthly only. Runs on the last day of every month, whatever date that is. */\n\tlastDaySelected?: boolean;\n\tmonthlyRepeatOption?: MONTHLY_REPEAT_OPTION;\n\t/** AFTER_RUNS only. Counts the first run, so 1 means \"just the start date\". */\n\tendAfterRuns?: number;\n\t/** ON_DATE only. Epoch seconds at the end of the chosen day. */\n\tendOnDate?: number;\n\trefreshSegmentBeforeEachRun?: boolean;\n}\n\n/** Summary line split into its semibold parts and the plain text between them. */\nexport interface RecurrenceSummary {\n\tfrequencyLabel: string;\n\ttimeLabel: string;\n\ttail: string;\n}\n"],"names":["SEND_MODE","RECURRENCE_FREQUENCY","RECURRENCE_END_MODE","MONTHLY_REPEAT_OPTION"],"mappings":"AAaO,IAAKA,sBAAAA,OACXA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,YAAY,aAHDA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,UAAU,WAHCA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,UAAU,WAHCA,IAAAA,KAAA,CAAA,CAAA,GAWAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UAHEA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts

@@ -1,16 +1,11 @@
-/// <reference types="react" />
-export declare const ShimmerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const ShimmerStyled: import('styled-components').StyledComponent<"div", any, {
     isBrand?: boolean | undefined;
     direction?: "row" | "column" | undefined;
     gap?: string | undefined;
-}>> & string;
-export declare const ShimmerComponentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const ShimmerComponentStyled: import('styled-components').StyledComponent<"div", any, {
     isBrand?: boolean | undefined;
     height: number;
     width: number;
     marginTop?: number | undefined;
-}>> & string;
+}, never>;

package/dist/esm/components/side-modal/SideModal.style.d.ts

@@ -1,33 +1,20 @@
-/// <reference types="react" />
-export declare const SideModalStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const SideModalStyle: import('styled-components').StyledComponent<"div", any, {
     zIndex?: number | undefined;
-}>> & string;
-export declare const SideModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const SideModalContainer: import('styled-components').StyledComponent<"div", any, {
     width?: string | undefined;
-}>> & string;
-export declare const SideModalHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const SideModalHeader: import('styled-components').StyledComponent<"div", any, {
     headerStyle: React.CSSProperties;
-}>> & string;
-export declare const SideModalBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const SideModalBody: import('styled-components').StyledComponent<"div", any, {
     hideFooter?: boolean | undefined;
     bodyStyle: React.CSSProperties;
-}>> & string;
-export declare const SideModalFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const SideModalFooter: import('styled-components').StyledComponent<"div", any, {
     footerDirection?: "row" | "row-reverse" | undefined;
     footerStyle: React.CSSProperties;
-}>> & string;
-export declare const FooterButtonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const FooterButtonWrapper: import('styled-components').StyledComponent<"div", any, {
     footerDirection?: "row" | "row-reverse" | undefined;
-}>> & string;
+}, never>;

package/dist/esm/components/spinner/Spinner.d.ts

@@ -3,12 +3,10 @@ export declare const Spinner: {
     ({ size, color, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export declare const PureSpinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const PureSpinner: import('styled-components').StyledComponent<"div", any, {
     width: string;
     height: string;
     size?: "small" | "large" | undefined;
     color?: string | undefined;
     backgroundColor?: string | undefined;
-}>> & string;
+}, never>;

package/dist/esm/components/states/StateComponent.styled.d.ts

@@ -1,25 +1,14 @@
-/// <reference types="react" />
-export declare const StateComponentContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const StateComponentContainer: import('styled-components').StyledComponent<"div", any, {
     width: number;
-}>> & string;
-export declare const StateIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const StateIcon: import('styled-components').StyledComponent<"div", any, {
     iconWidth?: number | undefined;
     iconHeight?: number | undefined;
-}>> & string;
-export declare const StateHeading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const StateHeading: import('styled-components').StyledComponent<"div", any, {
     size?: "SMALL" | "DEFAULT" | undefined;
-}>> & string;
-export declare const ButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const ButtonContainer: import('styled-components').StyledComponent<"div", any, {
     size?: "SMALL" | "DEFAULT" | undefined;
-}>> & string;
-export declare const StateSubline: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
+}, never>;
+export declare const StateSubline: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/stepper/Stepper.styled.d.ts

@@ -1,14 +1,8 @@
 import { StepperStates } from './Stepper.model';
-export declare const StepperContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const SingleStepperChildContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const StepperContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SingleStepperChildContainer: import('styled-components').StyledComponent<"div", any, {
     selectedState: StepperStates;
     stepsCount: number;
     isInActive?: boolean | undefined;
-}>> & string;
-export declare const WorkingStepperContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
+}, never>;
+export declare const WorkingStepperContainer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/switch/Switch.d.ts

@@ -1,8 +1,6 @@
 import { SwitchColorProps, SwitchProps } from './Switch.type';
 export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
-export declare const SwitchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const SwitchContainer: import('styled-components').StyledComponent<"div", any, {
     trackLength: number;
     trackHeight: number;
     trackColor: SwitchColorProps;
@@ -11,17 +9,13 @@ export declare const SwitchContainer: import('styled-components/dist/types').ISt
     duration: number;
     disabled?: boolean | undefined;
     outlineColor: SwitchColorProps;
-}>> & string;
-export declare const Thumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const Thumb: import('styled-components').StyledComponent<"div", any, {
     value: boolean;
     duration: number;
     thumbColor: SwitchColorProps;
-}>> & string;
-export declare const Loader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const Loader: import('styled-components').StyledComponent<"div", any, {
     value: boolean;
     trackColor: SwitchColorProps;
-}>> & string;
+}, never>;

package/dist/esm/components/tabs/Tabs.styles.d.ts

@@ -1,37 +1,16 @@
 import { TabItemProps, TabItemTextProps } from './Tabs.model';
-export declare const TabHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const TabHeader: import('styled-components').StyledComponent<"div", any, {
     bgColor?: string | undefined;
     tabGap?: number | undefined;
-}>> & string;
-export declare const TabItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, TabItemProps>> & string;
-export declare const TrailingNumberContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const TabItem: import('styled-components').StyledComponent<"div", any, TabItemProps, never>;
+export declare const TrailingNumberContainer: import('styled-components').StyledComponent<"div", any, {
     selected: boolean;
     selectedBackground?: string | undefined;
-}>> & string;
-export declare const TabItemText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const TabItemText: import('styled-components').StyledComponent<"div", any, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-}>, "as" | "forwardedAs"> & {
-    as?: import('styled-components').WebTarget | undefined;
-    forwardedAs?: import('styled-components').WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
-        [key: `--${string}`]: string | number | undefined;
-    }) | undefined;
-}, TabItemTextProps>> & string;
-export declare const EmptyTab: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const RightComponent: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
+} & TabItemTextProps, never>;
+export declare const EmptyTab: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const RightComponent: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/tag/Tag.styled.d.ts

@@ -1,7 +1,5 @@
 import { TagTheme, TagType, TagVariant } from './model';
-export declare const Tag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const Tag: import('styled-components').StyledComponent<"div", any, {
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
@@ -16,4 +14,4 @@ export declare const Tag: import('styled-components/dist/types').IStyledComponen
     borderRadius?: string | number | undefined;
     size?: "small" | "regular" | undefined;
     hoverBackgroundColor?: string | undefined;
-}>> & string;
+}, never>;

package/dist/esm/components/template-context-mapper/Badge/index.d.ts

@@ -1,9 +1,6 @@
-/// <reference types="react" />
-export declare const BadgeContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const BadgeContainer: import('styled-components').StyledComponent<"div", any, {
     padding?: string | undefined;
-}>> & string;
+}, never>;
 export interface BadgeProps {
     errorText: string;
     padding?: string;

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.style.d.ts

@@ -1,15 +1,6 @@
-/// <reference types="react" />
-export declare const RightComponent: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const ImageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const RightComponent: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ImageContainer: import('styled-components').StyledComponent<"div", any, {
     error: boolean;
-}>> & string;
-export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const EditTemplateMediaContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
+}, never>;
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const EditTemplateMediaContainer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.d.ts

@@ -3,12 +3,10 @@ import { ButtonPlaceHolderOptions, CUSTOM_VARIABLE } from '../../template-previe
 import { WEB_PUSH_COMPONENT_TYPE } from '../../template-preview/models/WebpushTemplate';
 import { BUTTON_TYPE } from '../../template-preview/models/WhatsAppTemplate';
 import { ComponentType } from './modal';
-export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const Container: import('styled-components').StyledComponent<"div", any, {
     focused?: boolean | undefined;
     channel?: CHANNEL_TYPE | undefined;
-}>> & string;
+}, never>;
 /** COMPONENT BELOW */
 export interface VariableConnectorProps {
     onFocus?: () => void;

package/dist/esm/components/template-context-mapper/modalElements/VariableConnectorsPanel.d.ts

@@ -1,7 +1,4 @@
-/// <reference types="react" />
-export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
 export interface VariableConnectorsProps {
     onFocus?: (variableIndex: number) => void;
     showVariableModal?: boolean;
@@ -10,6 +7,4 @@ export interface VariableConnectorsProps {
 }
 declare const VariableConnectors: ({ onFocus, showVariableModal, discountCode, setDiscountCode, }: VariableConnectorsProps) => import("react/jsx-runtime").JSX.Element;
 export default VariableConnectors;
-export declare const AddVariableStyled: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
+export declare const AddVariableStyled: import('styled-components').StyledComponent<"button", any, {}, never>;

package/dist/esm/components/template-context-mapper/styles/TemplateAnalyticsStyles.d.ts

@@ -1,27 +1,9 @@
-/// <reference types="react" />
-export declare const TemplateContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const RightPanelContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const TemplateContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const RightPanelContainer: import('styled-components').StyledComponent<"div", any, {
     fullWidth?: boolean | undefined;
-}>> & string;
-export declare const LeftPanelContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const CustomTitleMedium: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const LeftPanelContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const CustomTitleMedium: import('styled-components').StyledComponent<"div", any, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-}>, "as" | "forwardedAs"> & {
-    as?: import('styled-components').WebTarget | undefined;
-    forwardedAs?: import('styled-components').WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
-        [key: `--${string}`]: string | number | undefined;
-    }) | undefined;
-}> & string;
+}, never>;

package/dist/esm/components/template-context-mapper/utils/TemplateConstants.d.ts

@@ -2,48 +2,40 @@ export declare const TEMPLATE_QUALITY_MAP: {
     YELLOW: {
         Icon: import('react').FunctionComponent<import('react').SVGAttributes<SVGElement>>;
         title: string;
-        sublineTextType: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-            style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-        }, {
+        sublineTextType: import('styled-components').StyledComponent<"div", any, {
             numberOfLines?: number | undefined;
             color?: string | undefined;
-        }>> & string;
+        }, never>;
         sublineColor: string;
         subline: string;
     };
     RED: {
         Icon: import('react').FunctionComponent<import('react').SVGAttributes<SVGElement>>;
         title: string;
-        sublineTextType: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-            style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-        }, {
+        sublineTextType: import('styled-components').StyledComponent<"div", any, {
             numberOfLines?: number | undefined;
             color?: string | undefined;
-        }>> & string;
+        }, never>;
         sublineColor: string;
         subline: string;
     };
     GREEN: {
         Icon: import('react').FunctionComponent<import('react').SVGAttributes<SVGElement>>;
         title: string;
-        sublineTextType: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-            style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-        }, {
+        sublineTextType: import('styled-components').StyledComponent<"div", any, {
             numberOfLines?: number | undefined;
             color?: string | undefined;
-        }>> & string;
+        }, never>;
         sublineColor: string;
         subline: string;
     };
     UNKNOWN: {
         Icon: import('react').FunctionComponent<import('react').SVGAttributes<SVGElement>>;
         title: string;
-        sublineTextType: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-            style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-        }, {
+        sublineTextType: import('styled-components').StyledComponent<"div", any, {
             numberOfLines?: number | undefined;
             color?: string | undefined;
-        }>> & string;
+        }, never>;
         sublineColor: string;
         subline: string;
     };

package/dist/esm/components/template-preview/EmailTemplatePreview.styled.d.ts

@@ -1,27 +1,14 @@
-/// <reference types="react" />
-export declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const ImageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+export declare const Header: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ImageContainer: import('styled-components').StyledComponent<"div", any, {
     hideHeader?: boolean | undefined;
-}>> & string;
-export declare const CardLoadingContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const CardLoadingContainer: import('styled-components').StyledComponent<"div", any, {
     hideHeader?: boolean | undefined;
-}>> & string;
-export declare const IframeContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const IframeContainer: import('styled-components').StyledComponent<"div", any, {
     applyBorderBottom?: boolean | undefined;
-}>> & string;
-export declare const ViewButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}> & string;
-export declare const EmailContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
-}, {
+}, never>;
+export declare const ViewButton: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const EmailContainer: import('styled-components').StyledComponent<"div", any, {
     hideHeader?: boolean | undefined;
-}>> & string;
+}, never>;