@bikdotai/bik-component-library 0.0.868-beta.0 → 0.0.868-beta.2

package/dist/esm/components/datePicker/DatePickerWrapper.js

@@ -1,85 +1,83 @@
-import { jsxs as p, Fragment as A, jsx as n } from "react/jsx-runtime";
-import { format as P } from "date-fns";
-import { useState as R, useRef as y } from "react";
-import L from "react-calendar";
-import { useOutside as x } from "../../hooks/useOutside.js";
-import E from "../../utils/DateUtils.js";
+import { jsxs as m, Fragment as w, jsx as o } from "react/jsx-runtime";
+import { useState as L, useRef as f } from "react";
+import k from "react-calendar";
+import { useOutside as b } from "../../hooks/useOutside.js";
+import A from "../../utils/DateUtils.js";
 import { COLORS as r } from "../../constants/Theme.js";
-import O from "../../assets/icons/calendar.svg.js";
-import { BodyPrimary as _, BodySecondary as $ } from "../TypographyStyle.js";
-import { DateBtn as G, PickerContainer as j } from "./DatePickerWrapper.styled.js";
-import { DateButtonType as c } from "./model.js";
-const K = ({
-  val: e,
-  onChange: D,
-  calendarProps: g,
-  disabled: o,
-  pickerStyles: d,
-  nativeID: C,
-  maxDate: h,
-  minDate: w,
-  dateButtonType: i,
-  dateButtonStyles: k,
-  displayFormat: m,
-  placeholder: S
+import P from "../../assets/icons/calendar.svg.js";
+import { BodyPrimary as R, BodySecondary as x } from "../TypographyStyle.js";
+import { DateBtn as E, PickerContainer as _ } from "./DatePickerWrapper.styled.js";
+import { DateButtonType as a } from "./model.js";
+const q = ({
+  val: t,
+  onChange: u,
+  calendarProps: D,
+  disabled: e,
+  pickerStyles: g,
+  nativeID: p,
+  maxDate: y,
+  minDate: d,
+  dateButtonType: n,
+  dateButtonStyles: S
 }) => {
-  const [f, s] = R(!1), b = y(null), l = y(null);
-  x(l, () => {
-    s(!1);
+  const [c, i] = L(!1), C = f(null), s = f(null);
+  b(s, () => {
+    i(!1);
   });
-  const t = (a) => m ? P(a, m) : a.toLocaleDateString(), u = () => e ? Array.isArray(e) ? e?.[0]?.toString() && e?.[1]?.toString() ? `${t(new Date(e[0].toString()))}-${t(
-    new Date(e[1].toString())
-  )}` : `${t(E.getPastDate(/* @__PURE__ */ new Date(), 30))}-${t(
-    /* @__PURE__ */ new Date()
-  )}` : t(new Date(e.toString())) : S ?? t(/* @__PURE__ */ new Date());
-  return /* @__PURE__ */ p(A, { children: [
-    /* @__PURE__ */ p(
-      G,
+  const l = () => t ? Array.isArray(t) ? t?.[0]?.toString() && t?.[1]?.toString() ? `${new Date(t?.[0]?.toString()).toLocaleDateString()}-${new Date(
+    t?.[1]?.toString()
+  ).toLocaleDateString()}` : `${A.getPastDate(
+    /* @__PURE__ */ new Date(),
+    30
+  ).toLocaleDateString()}-${(/* @__PURE__ */ new Date()).toLocaleDateString()}` : new Date(t.toString()).toLocaleDateString() : (/* @__PURE__ */ new Date()).toLocaleDateString();
+  return /* @__PURE__ */ m(w, { children: [
+    /* @__PURE__ */ m(
+      E,
       {
-        id: C,
-        ref: b,
-        bgColor: o ? r.background.base : r.surface.standard,
+        id: p,
+        ref: C,
+        bgColor: e ? r.background.base : r.surface.standard,
         borderColor: r.stroke.primary,
-        onClick: () => s(!f),
-        dateButtonType: i || c.DEFAULT,
-        style: k,
+        onClick: () => i(!c),
+        dateButtonType: n || a.DEFAULT,
+        style: S,
         children: [
-          i === c.LARGE ? /* @__PURE__ */ n(
-            _,
+          n === a.LARGE ? /* @__PURE__ */ o(
+            R,
             {
               style: {
-                color: o ? r.content.inactive : r.content.primary,
+                color: e ? r.content.inactive : r.content.primary,
                 flex: 1
               },
-              children: u()
+              children: l()
             }
-          ) : /* @__PURE__ */ n(
-            $,
+          ) : /* @__PURE__ */ o(
+            x,
             {
               style: {
-                color: o ? r.content.inactive : r.content.primary,
+                color: e ? r.content.inactive : r.content.primary,
                 flex: 1
               },
-              children: u()
+              children: l()
             }
           ),
-          /* @__PURE__ */ n(
-            O,
+          /* @__PURE__ */ o(
+            P,
             {
-              width: i === c.LARGE ? 24 : 20,
-              height: i === c.LARGE ? 24 : 20,
-              color: o ? r.content.inactive : r.content.primary
+              width: n === a.LARGE ? 24 : 20,
+              height: n === a.LARGE ? 24 : 20,
+              color: e ? r.content.inactive : r.content.primary
             }
           )
         ]
       }
     ),
-    f && !o && /* @__PURE__ */ n(
-      j,
+    c && !e && /* @__PURE__ */ o(
+      _,
       {
-        ref: l,
+        ref: s,
         style: {
-          ...d
+          ...g
           // top: openUpwards ? 'auto' : 'calc(100% + 8px)',
           // bottom: openUpwards ? 'calc(100% + 8px)' : 'auto',
         },
@@ -88,18 +86,18 @@ const K = ({
         brandColor: r.background.brand,
         bgColor: r.surface.standard,
         borderColor: r.stroke.primary,
-        children: /* @__PURE__ */ n(
-          L,
+        children: /* @__PURE__ */ o(
+          k,
           {
             tileClassName: ["custom__tile"],
             className: ["custom__calendar"],
-            onChange: (a) => {
-              D(a), s(!1);
+            onChange: (h) => {
+              u(h), i(!1);
             },
-            maxDate: h,
-            minDate: w,
-            value: e ? Array.isArray(e) ? e.length === 2 ? [new Date(e[0]), new Date(e[1])] : null : new Date(e) : null,
-            ...g
+            maxDate: y,
+            minDate: d,
+            value: t ? Array.isArray(t) ? t.length === 2 ? [new Date(t[0]), new Date(t[1])] : null : new Date(t) : null,
+            ...D
           }
         )
       }
@@ -107,6 +105,6 @@ const K = ({
   ] });
 };
 export {
-  K as DatePickerWrapper
+  q as DatePickerWrapper
 };
 //# sourceMappingURL=DatePickerWrapper.js.map

package/dist/esm/components/datePicker/DatePickerWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerWrapper.js","sources":["../../../../src/components/datePicker/DatePickerWrapper.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport React, { useRef, useState } from 'react';\nimport Calendar, { CalendarProps } from 'react-calendar';\nimport { CSSProperties } from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport CalendarIcon from '../../assets/icons/calendar.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { DateBtn, PickerContainer } from './DatePickerWrapper.styled';\nimport { DateButtonType } from './model';\n\nexport const DatePickerWrapper: React.FC<{\n\tval?: Date | Date[];\n\tonChange: (val: Date | Date[]) => void;\n\tcalendarProps?: CalendarProps;\n\tpickerStyles?: CSSProperties;\n\tdateButtonStyles?: CSSProperties;\n\tnativeID?: string;\n\tdisabled?: boolean;\n\tmaxDate?: Date;\n\tminDate?: Date;\n\tdateButtonType?: DateButtonType;\n\t/**\n\t * date-fns format for the button label, e.g. 'dd MMM yyyy' -> \"10 Aug 2026\".\n\t * Omit to keep the locale default (toLocaleDateString).\n\t */\n\tdisplayFormat?: string;\n\t/** Shown instead of a date when `val` is empty. */\n\tplaceholder?: string;\n}> = ({\n\tval,\n\tonChange,\n\tcalendarProps,\n\tdisabled,\n\tpickerStyles,\n\tnativeID,\n\tmaxDate,\n\tminDate,\n\tdateButtonType,\n\tdateButtonStyles,\n\tdisplayFormat,\n\tplaceholder,\n}) => {\n\tconst [showPicker, setPicker] = useState(false);\n\t// const [openUpwards, setOpenUpwards] = useState(false);\n\tconst buttonRef = useRef<HTMLDivElement | null>(null);\n\tconst pickerRef = useRef<HTMLDivElement | null>(null);\n\n\tuseOutside(pickerRef, () => {\n\t\tsetPicker(false);\n\t});\n\n\t// useEffect(() => {\n\t// \tif (buttonRef.current && pickerRef.current) {\n\t// \t\tconst buttonRect = buttonRef.current.getBoundingClientRect();\n\t// \t\tconst pickerHeight = pickerRef.current.offsetHeight;\n\t// \t\tconst spaceBelow = window.innerHeight - buttonRect.bottom;\n\n\t// \t\t// If not enough space below, open upwards\n\t// \t\tsetOpenUpwards(spaceBelow < pickerHeight);\n\t// \t}\n\t// }, [showPicker]);\n\n\t/** Honours `displayFormat` when given, else the locale default. */\n\tconst formatOne = (date: Date) =>\n\t\tdisplayFormat ? formatDate(date, displayFormat) : date.toLocaleDateString();\n\n\tconst getDisplayValue = () => {\n\t\tif (!val) {\n\t\t\treturn placeholder ?? formatOne(new Date());\n\t\t}\n\n\t\tif (Array.isArray(val)) {\n\t\t\treturn val?.[0]?.toString() && val?.[1]?.toString()\n\t\t\t\t? `${formatOne(new Date(val[0].toString()))}-${formatOne(\n\t\t\t\t\t\tnew Date(val[1].toString()),\n\t\t\t\t  )}`\n\t\t\t\t: `${formatOne(DateUtils.getPastDate(new Date(), 30))}-${formatOne(\n\t\t\t\t\t\tnew Date(),\n\t\t\t\t  )}`;\n\t\t}\n\n\t\treturn formatOne(new Date(val.toString()));\n\t};\n\treturn (\n\t\t<>\n\t\t\t<DateBtn\n\t\t\t\tid={nativeID}\n\t\t\t\tref={buttonRef}\n\t\t\t\tbgColor={disabled ? COLORS.background.base : COLORS.surface.standard}\n\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\tonClick={() => setPicker(!showPicker)}\n\t\t\t\tdateButtonType={dateButtonType || DateButtonType.DEFAULT}\n\t\t\t\tstyle={dateButtonStyles}\n\t\t\t>\n\t\t\t\t{dateButtonType === DateButtonType.LARGE ? (\n\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t\t<CalendarIcon\n\t\t\t\t\twidth={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\theight={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\tcolor={disabled ? COLORS.content.inactive : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</DateBtn>\n\t\t\t{showPicker && !disabled && (\n\t\t\t\t<PickerContainer\n\t\t\t\t\tref={\n\t\t\t\t\t\tpickerRef as\n\t\t\t\t\t\t\t| ((instance: HTMLDivElement | null) => void)\n\t\t\t\t\t\t\t| React.RefObject<HTMLDivElement>\n\t\t\t\t\t\t\t| null\n\t\t\t\t\t\t\t| undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...pickerStyles,\n\t\t\t\t\t\t// top: openUpwards ? 'auto' : 'calc(100% + 8px)',\n\t\t\t\t\t\t// bottom: openUpwards ? 'calc(100% + 8px)' : 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\tcontentPrimary={COLORS.content.primary}\n\t\t\t\t\tsubDued={COLORS.surface.subdued}\n\t\t\t\t\tbrandColor={COLORS.background.brand}\n\t\t\t\t\tbgColor={COLORS.surface.standard}\n\t\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\t>\n\t\t\t\t\t<Calendar\n\t\t\t\t\t\ttileClassName={['custom__tile']}\n\t\t\t\t\t\tclassName={['custom__calendar']}\n\t\t\t\t\t\tonChange={(d) => {\n\t\t\t\t\t\t\tonChange(d);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tmaxDate={maxDate}\n\t\t\t\t\t\tminDate={minDate}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tval\n\t\t\t\t\t\t\t\t? Array.isArray(val)\n\t\t\t\t\t\t\t\t\t? val.length === 2\n\t\t\t\t\t\t\t\t\t\t? [new Date(val[0]), new Date(val[1])]\n\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t: new Date(val)\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{...calendarProps}\n\t\t\t\t\t/>\n\t\t\t\t</PickerContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["DatePickerWrapper","val","onChange","calendarProps","disabled","pickerStyles","nativeID","maxDate","minDate","dateButtonType","dateButtonStyles","displayFormat","placeholder","showPicker","setPicker","useState","buttonRef","useRef","pickerRef","useOutside","formatOne","date","formatDate","getDisplayValue","DateUtils","jsxs","Fragment","DateBtn","COLORS","DateButtonType","jsx","BodyPrimary","BodySecondary","CalendarIcon","PickerContainer","Calendar","d"],"mappings":"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"}
+{"version":3,"file":"DatePickerWrapper.js","sources":["../../../../src/components/datePicker/DatePickerWrapper.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport Calendar, { CalendarProps } from 'react-calendar';\nimport { CSSProperties } from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport CalendarIcon from '../../assets/icons/calendar.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { DateBtn, PickerContainer } from './DatePickerWrapper.styled';\nimport { DateButtonType } from './model';\n\nexport const DatePickerWrapper: React.FC<{\n\tval?: Date | Date[];\n\tonChange: (val: Date | Date[]) => void;\n\tcalendarProps?: CalendarProps;\n\tpickerStyles?: CSSProperties;\n\tdateButtonStyles?: CSSProperties;\n\tnativeID?: string;\n\tdisabled?: boolean;\n\tmaxDate?: Date;\n\tminDate?: Date;\n\tdateButtonType?: DateButtonType;\n}> = ({\n\tval,\n\tonChange,\n\tcalendarProps,\n\tdisabled,\n\tpickerStyles,\n\tnativeID,\n\tmaxDate,\n\tminDate,\n\tdateButtonType,\n\tdateButtonStyles,\n}) => {\n\tconst [showPicker, setPicker] = useState(false);\n\t// const [openUpwards, setOpenUpwards] = useState(false);\n\tconst buttonRef = useRef<HTMLDivElement | null>(null);\n\tconst pickerRef = useRef<HTMLDivElement | null>(null);\n\n\tuseOutside(pickerRef, () => {\n\t\tsetPicker(false);\n\t});\n\n\t// useEffect(() => {\n\t// \tif (buttonRef.current && pickerRef.current) {\n\t// \t\tconst buttonRect = buttonRef.current.getBoundingClientRect();\n\t// \t\tconst pickerHeight = pickerRef.current.offsetHeight;\n\t// \t\tconst spaceBelow = window.innerHeight - buttonRect.bottom;\n\n\t// \t\t// If not enough space below, open upwards\n\t// \t\tsetOpenUpwards(spaceBelow < pickerHeight);\n\t// \t}\n\t// }, [showPicker]);\n\n\tconst getDisplayValue = () => {\n\t\treturn val\n\t\t\t? Array.isArray(val)\n\t\t\t\t? val?.[0]?.toString() && val?.[1]?.toString()\n\t\t\t\t\t? `${new Date(val?.[0]?.toString()).toLocaleDateString()}-${new Date(\n\t\t\t\t\t\t\tval?.[1]?.toString(),\n\t\t\t\t\t  ).toLocaleDateString()}`\n\t\t\t\t\t: `${DateUtils.getPastDate(\n\t\t\t\t\t\t\tnew Date(),\n\t\t\t\t\t\t\t30,\n\t\t\t\t\t  ).toLocaleDateString()}-${new Date().toLocaleDateString()}`\n\t\t\t\t: new Date(val.toString()).toLocaleDateString()\n\t\t\t: new Date().toLocaleDateString();\n\t};\n\treturn (\n\t\t<>\n\t\t\t<DateBtn\n\t\t\t\tid={nativeID}\n\t\t\t\tref={buttonRef}\n\t\t\t\tbgColor={disabled ? COLORS.background.base : COLORS.surface.standard}\n\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\tonClick={() => setPicker(!showPicker)}\n\t\t\t\tdateButtonType={dateButtonType || DateButtonType.DEFAULT}\n\t\t\t\tstyle={dateButtonStyles}\n\t\t\t>\n\t\t\t\t{dateButtonType === DateButtonType.LARGE ? (\n\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t\t<CalendarIcon\n\t\t\t\t\twidth={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\theight={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\tcolor={disabled ? COLORS.content.inactive : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</DateBtn>\n\t\t\t{showPicker && !disabled && (\n\t\t\t\t<PickerContainer\n\t\t\t\t\tref={\n\t\t\t\t\t\tpickerRef as\n\t\t\t\t\t\t\t| ((instance: HTMLDivElement | null) => void)\n\t\t\t\t\t\t\t| React.RefObject<HTMLDivElement>\n\t\t\t\t\t\t\t| null\n\t\t\t\t\t\t\t| undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...pickerStyles,\n\t\t\t\t\t\t// top: openUpwards ? 'auto' : 'calc(100% + 8px)',\n\t\t\t\t\t\t// bottom: openUpwards ? 'calc(100% + 8px)' : 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\tcontentPrimary={COLORS.content.primary}\n\t\t\t\t\tsubDued={COLORS.surface.subdued}\n\t\t\t\t\tbrandColor={COLORS.background.brand}\n\t\t\t\t\tbgColor={COLORS.surface.standard}\n\t\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\t>\n\t\t\t\t\t<Calendar\n\t\t\t\t\t\ttileClassName={['custom__tile']}\n\t\t\t\t\t\tclassName={['custom__calendar']}\n\t\t\t\t\t\tonChange={(d) => {\n\t\t\t\t\t\t\tonChange(d);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tmaxDate={maxDate}\n\t\t\t\t\t\tminDate={minDate}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tval\n\t\t\t\t\t\t\t\t? Array.isArray(val)\n\t\t\t\t\t\t\t\t\t? val.length === 2\n\t\t\t\t\t\t\t\t\t\t? [new Date(val[0]), new Date(val[1])]\n\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t: new Date(val)\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{...calendarProps}\n\t\t\t\t\t/>\n\t\t\t\t</PickerContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["DatePickerWrapper","val","onChange","calendarProps","disabled","pickerStyles","nativeID","maxDate","minDate","dateButtonType","dateButtonStyles","showPicker","setPicker","useState","buttonRef","useRef","pickerRef","useOutside","getDisplayValue","DateUtils","jsxs","Fragment","DateBtn","COLORS","DateButtonType","jsx","BodyPrimary","BodySecondary","CalendarIcon","PickerContainer","Calendar","d"],"mappings":"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"}

package/dist/esm/components/datePicker/DatePickerWrapper.styled.d.ts

@@ -1,13 +1,17 @@
 import { DateButtonType } from './model';
-export declare const DateBtn: import('styled-components').StyledComponent<"div", any, {
+export declare const DateBtn: 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;
+}, {
     bgColor: string;
     borderColor: string;
     dateButtonType: DateButtonType;
-}, never>;
-export declare const PickerContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const PickerContainer: 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;
+}, {
     bgColor: string;
     borderColor: string;
     brandColor: string;
     subDued: string;
     contentPrimary: string;
-}, never>;
+}>> & string;

package/dist/esm/components/datePicker/index.d.ts

@@ -1,4 +1,3 @@
 export * from './DatePicker';
 export * from './DatePickerWrapper';
 export * from './TimePicker';
-export * from './model';

package/dist/esm/components/discount-modal/DiscountModal.styled.d.ts

@@ -1,7 +1,18 @@
-export declare const CouponTypeContainerStyled: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const CouponTypeContainerStyled: 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;
+}, {
     selectedDiv: number;
-}, never>;
-export declare const StaticCouponContainerStyled: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const DynamicCouponContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StyledDiscountDialogueContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const VariablePickerContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const StaticCouponContainerStyled: 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 DynamicCouponContainer: 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 StyledDiscountDialogueContainer: 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 VariablePickerContainer: 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;

package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.styled.d.ts

@@ -1,10 +1,25 @@
-export declare const IconContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const DiscountOptionsContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const DiscountDetailsOption: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const IconContainer: 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 DiscountOptionsContainer: 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 DiscountDetailsOption: 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;
+}, {
     selected?: boolean | undefined;
     isHovered?: boolean | undefined;
-}, never>;
-export declare const AddProductButtonsContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ProductCollectionCard: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const CubeIconContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ProductVariableCard: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const AddProductButtonsContainer: 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 ProductCollectionCard: 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 CubeIconContainer: 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 ProductVariableCard: 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;

package/dist/esm/components/dropdown/ChipDropdown.d.ts

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
 import { DropdownProps } from './Dropdown';
 export declare const ChipDropdown: React.FC<DropdownProps>;
-export declare const ChipDropdownContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const ChipDropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     width?: string | undefined;
     height?: string | undefined;
     backgroundColor?: string | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/Common.styled.d.ts

@@ -1,10 +1,19 @@
-export declare const OverLapAbs: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const OverLapAbs: 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;
+}, {
     disabled?: boolean | undefined;
     allowEvents?: boolean | undefined;
     isChildLoading?: boolean | undefined;
-}, never>;
-export declare const OpenDropdownContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const LoadingContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ChipInputWrapper: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const OpenDropdownContainer: 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 LoadingContainer: 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 ChipInputWrapper: 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;
+}, {
     error?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts

@@ -1,8 +1,15 @@
-export declare const OpennedDropdownContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const OpennedDropdownContainer: 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;
+}, {
     version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
-export declare const ItemContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MenuListContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const ItemContainer: 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 MenuListContainer: 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;
+}, {
     maxHeight: number | string;
     minHeight?: string | number | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts

@@ -1,3 +1,6 @@
-export declare const DescriptionContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const DescriptionContainer: 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;
+}, {
     version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.d.ts

@@ -1 +1,4 @@
-export declare const FreeFormContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const FreeFormContainer: 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;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -1,7 +1,21 @@
-export declare const Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StyledGroupedLabel: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const Divider: 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 StyledGroupedLabel: 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;
+}, {
     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;
+}, {
     version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -1 +1,4 @@
-export declare const BottomBarContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const BottomBarContainer: 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;

package/dist/esm/components/dropdown-button/DropdownButton.style.d.ts

@@ -1,13 +1,17 @@
 import { Size, Type } from '../button/model';
 import { IconButtonType } from '../icon-button/model';
-export declare const DropdownButtonStyle: import('styled-components').StyledComponent<"div", any, {
+export declare const DropdownButtonStyle: 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;
+}, {
     type: Type | undefined;
     disabled: boolean | undefined;
     isIconButton?: boolean | undefined;
     iconButtonType?: IconButtonType | undefined;
-    iconButtonSize?: "default" | "xs" | undefined;
+    iconButtonSize?: "xs" | "default" | undefined;
     size?: Size | undefined;
-}, never>;
-export declare const LoaderContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const LoaderContainer: 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;
+}, {
     type: Type | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dual-icon-button/DualIconButton.styled.d.ts

@@ -1,7 +1,14 @@
-export declare const Container: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+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;
+}, {
     disabled?: boolean | undefined;
-}, never>;
-export declare const IconHalf: import('styled-components').StyledComponent<"button", any, {
+}>> & string;
+export declare const IconHalf: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     disabled?: boolean | undefined;
-}, never>;
-export declare const Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const Divider: 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;

package/dist/esm/components/file-uploader/FileUploaderStyle.d.ts

@@ -1,7 +1,12 @@
-export declare const FileUploaderStyle: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const FileUploaderStyle: 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;
+}, {
     showProgressBar: boolean;
     width?: string | undefined;
-}, never>;
-export declare const FileUploadedStyle: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const FileUploadedStyle: 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;
+}, {
     width?: string | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare enum FAB_POSITION {
     TOP_LEFT = "top left",
     TOP_RIGHT = "top right",
@@ -16,13 +17,17 @@ export declare enum MENU_ALIGNMENT {
     START = "start",
     END = "end"
 }
-export declare const FloatingActionButtonContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const FloatingActionButtonContainer: 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;
+}, {
     width: number;
     height: number;
     color: string;
     isRound?: boolean | undefined;
-}, never>;
-export declare const FloatingActionButtonOuterContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const FloatingActionButtonOuterContainer: 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;
+}, {
     width: number;
     height: number;
     color: string;
@@ -30,20 +35,26 @@ export declare const FloatingActionButtonOuterContainer: import('styled-componen
     buttonPaddingHorizontal: number;
     buttonPaddingVertical: number;
     zIndex: number;
-}, never>;
-export declare const StyledDropdown: import('styled-components').StyledComponent<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"div", import('react-bootstrap').DropdownProps> & {
+}>> & string;
+export declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<import('react-bootstrap/esm/helpers').Omit<any, import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap').DropdownProps> & import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap').DropdownProps & {
+    children?: import('react').ReactNode;
+}, {
+    active?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+}>> & string & Omit<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"div", import('react-bootstrap').DropdownProps> & {
     Toggle: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"button", import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps>;
     Menu: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"div", import('react-bootstrap/esm/DropdownMenu').DropdownMenuProps>;
     Item: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<import('@restart/ui/esm/types').DynamicRefForwardingComponent<import('react').ForwardRefExoticComponent<import('@restart/ui/esm/Button').ButtonProps & import('react').RefAttributes<HTMLElement>>, import('@restart/ui/esm/DropdownItem').DropdownItemProps>, import('react-bootstrap/esm/DropdownItem').DropdownItemProps>;
     ItemText: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"span", unknown>;
     Divider: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"hr", unknown>;
     Header: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"div", unknown>;
-}, any, {
-    active?: string | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;
-export declare const DropdownToggleContainer: import('styled-components').StyledComponent<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"button", import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps>, any, {}, never>;
-export declare const TooltipStyled: import('styled-components').StyledComponent<"div", any, {
+}, keyof import('react').Component<any, {}, any>>;
+export declare const DropdownToggleContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('react-bootstrap/esm/helpers').Omit<any, import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps> & import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps & {
+    children?: import('react').ReactNode;
+}> & string & Omit<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"button", import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps>, keyof import('react').Component<any, {}, any>>;
+export declare const TooltipStyled: 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;
+}, {
     tooltipWidth?: number | undefined;
-}, never>;
+}>> & string;