@bikdotai/bik-component-library 0.0.826 → 0.0.827

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.type.d.ts

@@ -0,0 +1,57 @@
+import { FontSpec, TooltipItem } from 'chart.js';
+export interface AxisDetailsI {
+    title?: string;
+    titleColor?: string;
+    data: number[];
+    labelColor?: string;
+    ticksCallback?: (value: string) => string;
+    stepSize?: number;
+    max?: number;
+    toolTipCallback?: (value: any) => string;
+}
+export interface RGBColorI {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+}
+export interface ChartHeadingI {
+    heading: string;
+    color?: string;
+}
+export interface StackedDataset {
+    data: number[];
+    /** Single color for all bars, or array of colors for per-bar coloring */
+    backgroundColor: string | string[];
+    label?: string;
+}
+export interface HorizontalGraphI {
+    graphCanvasHeight?: number;
+    tickColor?: string;
+    labelColor?: string;
+    chartHeading?: ChartHeadingI;
+    xAxis: AxisDetailsI;
+    yAxis: AxisDetailsI;
+    barColorRGBA?: RGBColorI;
+    /** Array of colors for each bar (overrides barColorRGBA when provided) */
+    barColors?: string[];
+    outerPadding?: string;
+    maintainAspectRatio?: boolean;
+    showTotal?: boolean;
+    tooltipConfig?: {
+        titleCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
+        labelCallback?: (toolTipItem: TooltipItem<'bar'>) => string | string[];
+        footerCallback?: (toolTipItems: TooltipItem<'bar'>[]) => string | string[];
+        footerStyles?: {
+            footerFont?: Partial<FontSpec>;
+        };
+    };
+    skipOuterLayout?: boolean;
+    isInternationalStore?: boolean;
+    /** Enable stacked bars */
+    stacked?: boolean;
+    /** Additional datasets for stacked bars (used with stacked=true) */
+    stackedDatasets?: StackedDataset[];
+    /** Callback when a bar is clicked, receives the index of the clicked bar */
+    onBarClick?: (index: number) => void;
+}

package/dist/esm/components/analytics-chips-and-dropdowns/chart/LazyCharts.d.ts

@@ -1,2 +1,2 @@
 import { default as React } from 'react';
-export declare const LazyVerticalGraph: React.LazyExoticComponent<React.FC<VerticalGraphI>>;
+export declare const LazyVerticalGraph: React.LazyExoticComponent<React.FC<import('./VerticalBarGraph/VerticalGraph.type').VerticalGraphI>>;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { VerticalGraphI } from './VerticalGraph.d';
+import { VerticalGraphI } from './VerticalGraph.type';
 export declare const VerticalGraph: React.FC<VerticalGraphI>;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport PieChartIcon from '@src/assets/icons/ChartPie.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tColor,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React, { Suspense, useEffect } from 'react';\nimport { useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { VerticalGraphI } from './VerticalGraph.d';\nimport { GraphContainerWrapper } from './VerticalGraph.styles';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const VerticalGraph: React.FC<VerticalGraphI> = (props) => {\n\tconst { PieChartComponent: PieChartAnalytics } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showPieChart, setShowPieChart] = useState(false);\n\tconst [pieChartData, setPieChartData] = useState<\n\t\t{\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[]\n\t>();\n\n\tuseEffect(() => {\n\t\tconst dataForPieChart: {\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[] = [];\n\t\tif (!showPieChart) {\n\t\t\treturn;\n\t\t}\n\t\tprops.popupData?.xAxis.data.forEach((ele, index) => {\n\t\t\tdataForPieChart.push({\n\t\t\t\tname: ele.toString(),\n\t\t\t\tcount: Number(props.popupData?.yAxis.data[index]) || 0,\n\t\t\t});\n\t\t});\n\t\tsetPieChartData(dataForPieChart);\n\t}, [showPieChart, props.popupData?.xAxis.data, props.popupData?.yAxis.data]);\n\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst noDataPresentInPopup =\n\t\tprops.popupData?.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\tconst optionsForPopup = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresentInPopup,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.xAxis.title,\n\t\t\t\t\ttext: props.popupData?.xAxis.title,\n\t\t\t\t\tcolor: props.popupData?.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.yAxis.title,\n\t\t\t\t\ttext: props.popupData?.yAxis.title,\n\t\t\t\t\tcolor: props.popupData?.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.popupData?.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresentInPopup ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\n\tconst data = {\n\t\tlabels: props.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.xAxis.data.length;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\tconst dataForPopup = {\n\t\tlabels: props.popupData?.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresentInPopup ? dummyValues : props.popupData?.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.popupData?.xAxis.data.length || 0;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper padding={props.outerPadding}>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n\t\t\t\t{props.showConvertToPieChart && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowPopup(false);\n\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t}}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.popupData?.chartHeading}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tprops.showConvertToPieChart ? (\n\t\t\t\t\t\t\t!showPieChart ? (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : null\n\t\t\t\t\t}\n\t\t\t\t\theaderLeftCustomElement={props.popupData?.headerLeftCustomElement}\n\t\t\t\t>\n\t\t\t\t\t{showPieChart && pieChartData && PieChartAnalytics && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t\t<PieChartAnalytics\n\t\t\t\t\t\t\t\t\tslices={pieChartData}\n\t\t\t\t\t\t\t\t\tsize={props.pieChartSize}\n\t\t\t\t\t\t\t\t\thideTitle={true}\n\t\t\t\t\t\t\t\t\tcurrencyProps={props.currencyProps}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!showPieChart && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Bar options={optionsForPopup} data={dataForPopup} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","VerticalGraph","props","PieChartAnalytics","showPopup","setShowPopup","useState","showPieChart","setShowPieChart","pieChartData","setPieChartData","useEffect","dataForPieChart","ele","index","dummyValues","noDataPresent","noDataPresentInPopup","yAxisConfigForNoData","options","COLORS","FONTS","optionsForPopup","data","d","context","rgba","gradientColorSet","dataSetLen","counter","rgb","i","rgbaColor","dataForPopup","jsxs","GraphContainerWrapper","jsx","TitleMedium","IconButton","PieChartIcon","MaximizeIcon","Bar","StyledModal","BarChartIcon","Suspense"],"mappings":"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"}
+{"version":3,"file":"VerticalGraph.js","sources":["../../../../../../src/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.tsx"],"sourcesContent":["import BarChartIcon from '@src/assets/icons/ChartBar.svg';\nimport PieChartIcon from '@src/assets/icons/ChartPie.svg';\nimport MaximizeIcon from '@src/assets/icons/maximize.svg';\nimport {\n\tBarElement,\n\tCategoryScale,\n\tChart as ChartJS,\n\tColor,\n\tLinearScale,\n\tTooltip,\n} from 'chart.js';\nimport ChartDataLabels from 'chartjs-plugin-datalabels';\nimport React, { Suspense, useEffect } from 'react';\nimport { useState } from 'react';\nimport { Bar } from 'react-chartjs-2';\nimport { IconButton } from '@src/components/icon-button';\nimport { StyledModal } from '@src/components/modals';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS, FONTS } from '@src/constants/Theme';\nimport { GraphContainerWrapper } from './VerticalGraph.styles';\nimport { VerticalGraphI } from './VerticalGraph.type';\n\nChartJS.register(\n\tCategoryScale,\n\tLinearScale,\n\tBarElement,\n\tTooltip,\n\tChartDataLabels,\n);\n\nexport const VerticalGraph: React.FC<VerticalGraphI> = (props) => {\n\tconst { PieChartComponent: PieChartAnalytics } = props;\n\tconst [showPopup, setShowPopup] = useState(false);\n\tconst [showPieChart, setShowPieChart] = useState(false);\n\tconst [pieChartData, setPieChartData] = useState<\n\t\t{\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[]\n\t>();\n\n\tuseEffect(() => {\n\t\tconst dataForPieChart: {\n\t\t\tname: string;\n\t\t\tcount: number;\n\t\t}[] = [];\n\t\tif (!showPieChart) {\n\t\t\treturn;\n\t\t}\n\t\tprops.popupData?.xAxis.data.forEach((ele, index) => {\n\t\t\tdataForPieChart.push({\n\t\t\t\tname: ele.toString(),\n\t\t\t\tcount: Number(props.popupData?.yAxis.data[index]) || 0,\n\t\t\t});\n\t\t});\n\t\tsetPieChartData(dataForPieChart);\n\t}, [showPieChart, props.popupData?.xAxis.data, props.popupData?.yAxis.data]);\n\n\tconst dummyValues = [250, 1000, 800, 1500, 300, 600];\n\tconst noDataPresent = props.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst noDataPresentInPopup =\n\t\tprops.popupData?.yAxis.data.findIndex((ele) => ele !== 0) === -1;\n\tconst yAxisConfigForNoData = {\n\t\tmin: 0,\n\t\tmax: 2000,\n\t\tstepSize: 200,\n\t};\n\tconst options = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresent,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.xAxis.title,\n\t\t\t\t\ttext: props.xAxis.title,\n\t\t\t\t\tcolor: props.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.yAxis.title,\n\t\t\t\t\ttext: props.yAxis.title,\n\t\t\t\t\tcolor: props.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresent ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\tconst optionsForPopup = {\n\t\tresponsive: true,\n\t\tplugins: {\n\t\t\tlegend: {\n\t\t\t\tdisplay: false,\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tenabled: !noDataPresentInPopup,\n\t\t\t\tcallbacks: {\n\t\t\t\t\tlabel: props.yAxis.toolTipCallback,\n\t\t\t\t},\n\t\t\t},\n\t\t\tdatalabels: {\n\t\t\t\tdisplay: props.showTotal ?? false,\n\t\t\t\tanchor: 'end' as const,\n\t\t\t\talign: 'end' as const,\n\t\t\t\tclamp: true,\n\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t},\n\t\t},\n\t\tscales: {\n\t\t\tx: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.xAxis.title,\n\t\t\t\t\ttext: props.popupData?.xAxis.title,\n\t\t\t\t\tcolor: props.popupData?.xAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tdisplay: false,\n\t\t\t\t\tborderColor: COLORS.background.base,\n\t\t\t\t},\n\n\t\t\t\tticks: {\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.yAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t},\n\t\t\t},\n\n\t\t\ty: {\n\t\t\t\ttitle: {\n\t\t\t\t\tdisplay: !!props.popupData?.yAxis.title,\n\t\t\t\t\ttext: props.popupData?.yAxis.title,\n\t\t\t\t\tcolor: props.popupData?.yAxis.titleColor,\n\t\t\t\t\tfont: { size: FONTS.caption.fontSize },\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tborderColor: 'white',\n\t\t\t\t\tcolor: COLORS.background.base,\n\t\t\t\t},\n\t\t\t\tticks: {\n\t\t\t\t\tcallback: props.popupData?.yAxis.ticksCallback,\n\t\t\t\t\tfontSize: FONTS.caption.fontSize,\n\t\t\t\t\tcolor: props.popupData?.xAxis.labelColor ?? COLORS.content.secondary,\n\t\t\t\t\t...(noDataPresentInPopup ? yAxisConfigForNoData : {}),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tmaintainAspectRatio: false,\n\t} as any;\n\n\tconst data = {\n\t\tlabels: props.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresent ? dummyValues : props.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.xAxis.data.length;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\tconst dataForPopup = {\n\t\tlabels: props.popupData?.xAxis.data.map((d) => d.toString()),\n\t\tdatasets: [\n\t\t\t{\n\t\t\t\tdata: noDataPresentInPopup ? dummyValues : props.popupData?.yAxis.data,\n\t\t\t\tbackgroundColor: (context) => {\n\t\t\t\t\tconst rgba = props.barColorRGBA;\n\n\t\t\t\t\tlet gradientColorSet: string[] = [];\n\t\t\t\t\tconst dataSetLen = props.popupData?.xAxis.data.length || 0;\n\n\t\t\t\t\tif (noDataPresent) {\n\t\t\t\t\t\treturn 'rgba(0,0,0,0)';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (props.isFunnel) {\n\t\t\t\t\t\t\tconst stepSize =\n\t\t\t\t\t\t\t\tdataSetLen > 10 ? 0.1 : (1 / dataSetLen).toFixed(2);\n\t\t\t\t\t\t\tlet counter = +stepSize;\n\t\t\t\t\t\t\tconst rgb = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}`;\n\t\t\t\t\t\t\tfor (let i = 1; i < dataSetLen + 1; i++) {\n\t\t\t\t\t\t\t\tlet rgba = '';\n\t\t\t\t\t\t\t\tif (i > 10) {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},1)`;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\trgba = `${rgb},${counter})`;\n\t\t\t\t\t\t\t\t\tcounter = counter + 0.1;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tgradientColorSet.push(rgba);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst rgbaColor = `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${\n\t\t\t\t\t\t\t\trgba.a ?? '1'\n\t\t\t\t\t\t\t})`;\n\n\t\t\t\t\t\t\tgradientColorSet = Array(dataSetLen).fill(rgbaColor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn gradientColorSet as unknown as Color;\n\t\t\t\t},\n\t\t\t\tbarPercentage: 0.4,\n\t\t\t\tcategoryPercentage: 1,\n\t\t\t\tborderRadius: 4,\n\t\t\t},\n\t\t],\n\t};\n\n\treturn (\n\t\t<GraphContainerWrapper padding={props.outerPadding}>\n\t\t\t{props.chartHeading && (\n\t\t\t\t<div style={{ marginBottom: 24 }}>\n\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\tcolor={props.chartHeading.color ?? COLORS.content.secondary}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.chartHeading.heading}\n\t\t\t\t\t</TitleMedium>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n\t\t\t\t{props.showConvertToPieChart && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{props.allowChartPopup && (\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={MaximizeIcon}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetShowPopup(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Bar options={options} data={data} />\n\t\t\t</div>\n\t\t\t{showPopup && (\n\t\t\t\t<StyledModal\n\t\t\t\t\topen={showPopup}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowPopup(false);\n\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t}}\n\t\t\t\t\tcloseOnOutsideClick\n\t\t\t\t\theadingTitle={props.popupData?.chartHeading}\n\t\t\t\t\twidth=\"75%\"\n\t\t\t\t\theaderRightCustomElement={\n\t\t\t\t\t\tprops.showConvertToPieChart ? (\n\t\t\t\t\t\t\t!showPieChart ? (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={PieChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={BarChartIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowPieChart(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : null\n\t\t\t\t\t}\n\t\t\t\t\theaderLeftCustomElement={props.popupData?.headerLeftCustomElement}\n\t\t\t\t>\n\t\t\t\t\t{showPieChart && pieChartData && PieChartAnalytics && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Suspense fallback={<div>Loading...</div>}>\n\t\t\t\t\t\t\t\t<PieChartAnalytics\n\t\t\t\t\t\t\t\t\tslices={pieChartData}\n\t\t\t\t\t\t\t\t\tsize={props.pieChartSize}\n\t\t\t\t\t\t\t\t\thideTitle={true}\n\t\t\t\t\t\t\t\t\tcurrencyProps={props.currencyProps}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!showPieChart && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\theight: props.graphCanvasHeight ?? 500,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Bar options={optionsForPopup} data={dataForPopup} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</StyledModal>\n\t\t\t)}\n\t\t</GraphContainerWrapper>\n\t);\n};\n"],"names":["ChartJS","CategoryScale","LinearScale","BarElement","Tooltip","ChartDataLabels","VerticalGraph","props","PieChartAnalytics","showPopup","setShowPopup","useState","showPieChart","setShowPieChart","pieChartData","setPieChartData","useEffect","dataForPieChart","ele","index","dummyValues","noDataPresent","noDataPresentInPopup","yAxisConfigForNoData","options","COLORS","FONTS","optionsForPopup","data","d","context","rgba","gradientColorSet","dataSetLen","counter","rgb","i","rgbaColor","dataForPopup","jsxs","GraphContainerWrapper","jsx","TitleMedium","IconButton","PieChartIcon","MaximizeIcon","Bar","StyledModal","BarChartIcon","Suspense"],"mappings":"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"}

package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.type.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+export interface AxisDetailsI {
+    title?: string;
+    titleColor?: string;
+    data: (string | number)[];
+    labelColor?: string;
+    ticksCallback?: (value: string) => string;
+    toolTipCallback?: (value: string) => string;
+}
+export interface RGBColorI {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+}
+export interface ChartHeadingI {
+    heading: string;
+    color?: string;
+}
+export interface VerticalGraphI {
+    graphCanvasHeight?: number;
+    tickColor?: string;
+    labelColor?: string;
+    chartHeading?: ChartHeadingI;
+    xAxis: AxisDetailsI;
+    yAxis: AxisDetailsI;
+    barColorRGBA: RGBColorI;
+    isFunnel?: boolean;
+    outerPadding?: string;
+    allowChartPopup?: boolean;
+    showConvertToPieChart?: boolean;
+    pieChartSize?: number;
+    popupData?: {
+        xAxis: AxisDetailsI;
+        yAxis: AxisDetailsI;
+        barColorRGBA: RGBColorI;
+        chartHeading?: string;
+        headerLeftCustomElement?: React.ReactNode;
+    };
+    currencyProps?: {
+        symbol?: string;
+        isInternationalStore?: boolean;
+    };
+    showTotal?: boolean;
+    PieChartComponent?: React.ComponentType<any>;
+}

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const Switch: import('react').ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+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').StyledComponent<"div", any, {
     trackLength: number;
     trackHeight: number;

package/dist/esm/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.d';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t  };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t  };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t  };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","value","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","consolidatedBorderColor","consolidatedThumbColor","consolidateOutlineColor","handlePress","err","jsx","Fragment","SwitchContainer","Loader","Thumb","styled","props","COLORS"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.type';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t  };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t  };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t  };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","value","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","consolidatedBorderColor","consolidatedThumbColor","consolidateOutlineColor","handlePress","err","jsx","Fragment","SwitchContainer","Loader","Thumb","styled","props","COLORS"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export interface SwitchProps extends React.HTMLAttributes<HTMLDivElement> {
+    customThumbColor?: SwitchColorProps;
+    trackColor?: SwitchColorProps;
+    onValueChange: (val: boolean) => Promise<boolean | void | string>;
+    value: boolean;
+    trackLength?: number;
+    trackHeight?: number;
+    disabled?: boolean;
+    duration?: number;
+    containerStyle?: React.CSSProperties;
+    type?: 'brand' | 'greenred';
+    isLoading?: boolean;
+    'data-test'?: string;
+}
+export interface SwitchColorProps {
+    false: string;
+    true: string;
+}

package/dist/esm/icons/Media/Visual/{Frame26086263.js → FormkitNeutral.js}

@@ -55,4 +55,4 @@ const s = ({
 export {
   s as default
 };
-//# sourceMappingURL=Frame26086263.js.map
+//# sourceMappingURL=FormkitNeutral.js.map

package/dist/esm/icons/Media/Visual/FormkitNeutral.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormkitNeutral.js","sources":["../../../../../src/icons/Media/Visual/FormkitNeutral.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgFrame26086263 = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 15 15\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<path\n\t\t\t\td=\"M5.23976 6.28567C5.81834 6.28567 6.28738 5.81663 6.28738 5.23805C6.28738 4.65946 5.81834 4.19043 5.23976 4.19043C4.66117 4.19043 4.19214 4.65946 4.19214 5.23805C4.19214 5.81663 4.66117 6.28567 5.23976 6.28567Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M9.43043 6.28567C10.009 6.28567 10.4781 5.81663 10.4781 5.23805C10.4781 4.65946 10.009 4.19043 9.43043 4.19043C8.85185 4.19043 8.38281 4.65946 8.38281 5.23805C8.38281 5.81663 8.85185 6.28567 9.43043 6.28567Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M7.3348 14.6667C3.29099 14.6667 0.00146484 11.3771 0.00146484 7.33333C0.00146484 3.28952 3.29099 0 7.3348 0C11.3786 0 14.6681 3.28952 14.6681 7.33333C14.6681 11.3771 11.3786 14.6667 7.3348 14.6667ZM7.3348 1.33333C3.86718 1.33333 1.3348 3.86571 1.3348 7.33333C1.3348 10.801 3.86718 13.3333 7.3348 13.3333C10.8024 13.3333 13.3348 10.801 13.3348 7.33333C13.3348 3.86571 10.8024 1.33333 7.3348 1.33333Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M4.00146 9H10.6681\"\n\t\t\t\tstroke=\"#616161\"\n\t\t\t\tstrokeWidth={1.33333}\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgFrame26086263;\n"],"names":["SvgFrame26086263","size","color","rest","props","jsxs","jsx"],"mappings":";AAMA,MAAMA,IAAmB,CAAC;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MAAa;AACZ,QAAMC,IAAQ;AAAA,IACb,OAAOH;AAAA,IACP,QAAQA;AAAA,IACR,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA;AAEJ,SACC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEN,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEN,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEN,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/Media/Visual/{IconTrailing.js → FormkitSad.js}

@@ -58,4 +58,4 @@ const n = ({
 export {
   n as default
 };
-//# sourceMappingURL=IconTrailing.js.map
+//# sourceMappingURL=FormkitSad.js.map

package/dist/esm/icons/Media/Visual/FormkitSad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormkitSad.js","sources":["../../../../../src/icons/Media/Visual/FormkitSad.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgIconTrailing = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<g clipPath=\"url(#clip0_6886_8860)\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M4.93345 9.46679C5.22708 9.24657 5.64324 9.3052 5.86469 9.59734L5.86779 9.60129C5.87176 9.60631 5.8793 9.61569 5.89033 9.62883C5.91243 9.65517 5.94825 9.69624 5.99707 9.74718C6.09527 9.84965 6.24283 9.98867 6.4339 10.1276C6.81861 10.4074 7.35047 10.6668 8.00012 10.6668C8.64977 10.6668 9.18163 10.4074 9.56634 10.1276C9.75741 9.98867 9.90497 9.84965 10.0032 9.74718C10.052 9.69624 10.0878 9.65517 10.1099 9.62883C10.1209 9.61569 10.1285 9.60631 10.1325 9.60129L10.1355 9.59734C10.357 9.3052 10.7732 9.24657 11.0668 9.46679C11.3613 9.6877 11.421 10.1056 11.2001 10.4001L11.1994 10.401L11.1987 10.402L11.1969 10.4044L11.192 10.4107L11.1778 10.4289C11.1664 10.4434 11.1508 10.4627 11.1312 10.486C11.0921 10.5326 11.0368 10.5957 10.9658 10.6697C10.8244 10.8173 10.6178 11.0116 10.3506 11.2059C9.81861 11.5928 9.01714 12.0001 8.00012 12.0001C6.9831 12.0001 6.18163 11.5928 5.64967 11.2059C5.38241 11.0116 5.1758 10.8173 5.03442 10.6697C4.96345 10.5957 4.90812 10.5326 4.86903 10.486C4.84946 10.4627 4.83389 10.4434 4.82239 10.4289L4.8082 10.4107L4.80339 10.4044L4.80156 10.402L4.80079 10.401L4.80012 10.4001C4.57921 10.1056 4.6389 9.6877 4.93345 9.46679Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M9.33342 6.66675C9.33342 5.93037 9.93037 5.33342 10.6667 5.33342C11.4031 5.33342 12.0001 5.93037 12.0001 6.66675C12.0001 7.40313 11.4031 8.00008 10.6667 8.00008C9.93037 8.00008 9.33342 7.40313 9.33342 6.66675Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M5.33342 5.33342C4.59704 5.33342 4.00008 5.93037 4.00008 6.66675C4.00008 7.40313 4.59704 8.00008 5.33342 8.00008C6.06979 8.00008 6.66675 7.40313 6.66675 6.66675C6.66675 5.93037 6.06979 5.33342 5.33342 5.33342Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\td=\"M8.00008 0.666748C3.94999 0.666748 0.666748 3.94999 0.666748 8.00008C0.666748 12.0502 3.94999 15.3334 8.00008 15.3334C12.0502 15.3334 15.3334 12.0502 15.3334 8.00008C15.3334 3.94999 12.0502 0.666748 8.00008 0.666748ZM2.00008 8.00008C2.00008 4.68637 4.68637 2.00008 8.00008 2.00008C11.3138 2.00008 14.0001 4.68637 14.0001 8.00008C14.0001 11.3138 11.3138 14.0001 8.00008 14.0001C4.68637 14.0001 2.00008 11.3138 2.00008 8.00008Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_6886_8860\">\n\t\t\t\t\t<rect width={16} height={16} fill=\"white\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t);\n};\nexport default SvgIconTrailing;\n"],"names":["SvgIconTrailing","size","color","rest","props","jsxs","jsx"],"mappings":";AAMA,MAAMA,IAAkB,CAAC;AAAA,EACxB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MAAa;AACZ,QAAMC,IAAQ;AAAA,IACb,OAAOH;AAAA,IACP,QAAQA;AAAA,IACR,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA;AAEJ,SACC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,KAAA,EAAE,UAAS,yBACX,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,UAAS;AAAA,cACT,UAAS;AAAA,cACT,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACN,GACD;AAAA,QACA,gBAAAA,EAAC,QAAA,EACA,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,mBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,OAAO,IAAI,QAAQ,IAAI,MAAK,SAAQ,GAC3C,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/Media/Visual/index.d.ts

@@ -1,11 +1,11 @@
-export { default as Frame26086263 } from './Frame26086263';
+export { default as FormkitNeutral } from './FormkitNeutral';
 export { default as Camera } from './Camera';
 export { default as CameraAdd } from './CameraAdd';
 export { default as Crop } from './Crop';
 export { default as FlashOff } from './FlashOff';
 export { default as FlashOn } from './FlashOn';
 export { default as FormkitHappy } from './FormkitHappy';
-export { default as IconTrailing } from './IconTrailing';
+export { default as FormkitSad } from './FormkitSad';
 export { default as Image } from './Image';
 export { default as ImageAdd } from './ImageAdd';
 export { default as Images } from './Images';

package/dist/esm/icons/index.d.ts

@@ -1,44 +1,44 @@
-export { Activate, Code, Cross, Deactivate, Delete, Edit, Forward, Fullscreen, LinkSimpleHorizontal, Minus, Plus, ProductTour, RestApi, Save, SendAirplane, ShareAndroid, Shortcut } from './Actions/Common actions';
-export { CheckboxIcon, Copy, DecreaseIndent, Dropdown, IncreaseIndent, MultiLine, MultiSelect, Number, NumberList, Quotes, Subscript, Superscript, TextBold, Text, TextAlignCenter, TextAlignLeft, TextAlignRight, TextItalics, TextJustify, TextStrikethrough, TextUnderline, Textbox } from './Actions/Formatting';
-export { ArrowRedo, ArrowUndo, LogIn, LogOut, OpenNewWindow, Refresh, Rewind, Sync, Whatsapp } from './Actions/Navigation';
+export { Activate, Code, Cross, Deactivate, Delete, Edit, Forward, Fullscreen, LinkSimpleHorizontal, Minus, Plus, ProductTour, RestApi, Save, SendAirplane, ShareAndroid, Shortcut, } from './Actions/Common actions';
+export { CheckboxIcon, Copy, DecreaseIndent, Dropdown, IncreaseIndent, MultiLine, MultiSelect, Number, NumberList, Quotes, Subscript, Superscript, TextBold, Text, TextAlignCenter, TextAlignLeft, TextAlignRight, TextItalics, TextJustify, TextStrikethrough, TextUnderline, Textbox, } from './Actions/Formatting';
+export { ArrowRedo, ArrowUndo, LogIn, LogOut, OpenNewWindow, Refresh, Rewind, Sync, Whatsapp, } from './Actions/Navigation';
 export { HandleDrag, SingleChoice } from './Actions/Selection';
 export { CaratDown, CaratLeft, CaratRight, CaratUp } from './Arrows/Carat';
-export { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from './Arrows/Chevron';
-export { ChevronDoubleDown, ChevronDoubleLeft, ChevronDoubleRight, ChevronDoubleUp } from './Arrows/Double chevron';
-export { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight } from './Arrows/Normal arrows';
+export { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, } from './Arrows/Chevron';
+export { ChevronDoubleDown, ChevronDoubleLeft, ChevronDoubleRight, ChevronDoubleUp, } from './Arrows/Double chevron';
+export { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, } from './Arrows/Normal arrows';
 export { ArrowSwitch } from './Arrows/Special';
-export { AiIcon, Webhook, AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, WandSparkles, Write } from './BIK AI specific';
-export { Bell, BellSync, Bulb, Forms, MenuHamburger, MessageSearch, MoreHorizontal, MoreVertical, Placeholder, Search, Settings, Training } from './Informational/Common UI';
-export { Chat, ChatCheck, ChatQuestion, ChatStar, Email, LiveChat, Phone } from './Informational/Communication';
-export { ClipboardCheck, Experimental, Help, Percent, Purchase, Services, ShoppingCart, Unsatisfactory, UserSound } from './Informational/Customer intent';
+export { AiIcon, Webhook, AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, WandSparkles, Write, } from './BIK AI specific';
+export { Bell, BellSync, Bulb, Forms, MenuHamburger, MessageSearch, MoreHorizontal, MoreVertical, Placeholder, Search, Settings, Training, } from './Informational/Common UI';
+export { Chat, ChatCheck, ChatQuestion, ChatStar, Email, LiveChat, Phone, } from './Informational/Communication';
+export { ClipboardCheck, Experimental, Help, Percent, Purchase, Services, ShoppingCart, Unsatisfactory, UserSound, } from './Informational/Customer intent';
 export { SingleChoice as SingleChoice2 } from './Informational/Customer intent';
-export { Calendar, CalendarAdd, Clock, HourGlass, WorkingHours } from './Informational/Date and time';
-export { AddLabel, Click, Filter, Gift1, GiftMinus, GiftPlus, Promocode, Receipt, ShieldCheck, ShoppingBag, ShoppingBasket } from './Informational/eCommerce';
+export { Calendar, CalendarAdd, Clock, HourGlass, WorkingHours, } from './Informational/Date and time';
+export { AddLabel, Click, Filter, Gift1, GiftMinus, GiftPlus, Promocode, Receipt, ShieldCheck, ShoppingBag, ShoppingBasket, } from './Informational/eCommerce';
 export { ShoppingCart as ShoppingCart2 } from './Informational/eCommerce';
-export { Archive1, Excel, File, FileCsv, FilePage, FilePdf, Folder, MediaMessage, Move, OrderHistory, PrivateNote, TextMessage, Unarchive } from './Informational/Files and folders';
-export { Bank, CashOnDelivery, ChartLine, CreditCard, Growth, Money1, NoCredits, Rupee, TablerTicket, Wallet } from './Informational/Finance';
+export { Archive1, Excel, File, FileCsv, FilePage, FilePdf, Folder, MediaMessage, Move, OrderHistory, PrivateNote, TextMessage, Unarchive, } from './Informational/Files and folders';
+export { Bank, CashOnDelivery, ChartLine, CreditCard, Growth, Money1, NoCredits, Rupee, TablerTicket, Wallet, } from './Informational/Finance';
 export { Percent as Percent2 } from './Informational/Finance';
-export { BookOpenText, AlertTriangle, Check, CheckDouble, CloseTicket1, Error, FailDoc, IcList, Info, NewTicket, RoundCheck, Slash } from './Informational/General';
+export { BookOpenText, AlertTriangle, Check, CheckDouble, CloseTicket1, Error, FailDoc, IcList, Info, NewTicket, RoundCheck, Slash, } from './Informational/General';
 export { Help as Help2 } from './Informational/General';
-export { Chatbot, Contacts, Group, IdCard, Person, Robot, Union, Union1, UserMinus1, UserPlus } from './Informational/Identity';
-export { Address, LanguageChange, MapPin, Truck } from './Informational/Location';
-export { AllProduct, Clipboard, CustomerReport, Head112, InventoryReport, LegalBalance, OrderReport, PaymentReport, Store, StoreSync, TicketForm } from './Informational/Store related';
+export { Chatbot, Contacts, Group, IdCard, Person, Robot, Union, Union1, UserMinus1, UserPlus, } from './Informational/Identity';
+export { Address, LanguageChange, MapPin, Truck, } from './Informational/Location';
+export { AllProduct, Clipboard, CustomerReport, Head112, InventoryReport, LegalBalance, OrderReport, PaymentReport, Store, StoreSync, TicketForm, } from './Informational/Store related';
 export { ClipboardCheck as ClipboardCheck2 } from './Informational/Store related';
 export { Box, Box2 } from './Legacy - Bikayi specific/Categories';
 export { Journeys } from './Legacy - Bikayi specific/Navigation';
 export { Services as Services2 } from './Legacy - Bikayi specific/Navigation';
 export { PlanUltimate } from './Legacy - Bikayi specific/Plans';
-export { Businesscard, Customdomain, LoudSpeaker, Marketing, PaymentLink, Theme } from './Legacy - Bikayi specific/Services';
-export { Microphone, Pause, Play, Sleep, VolumeMute, VolumeOneline, VolumeTwoline } from './Media/Audio';
+export { Businesscard, Customdomain, LoudSpeaker, Marketing, PaymentLink, Theme, } from './Legacy - Bikayi specific/Services';
+export { Microphone, Pause, Play, Sleep, VolumeMute, VolumeOneline, VolumeTwoline, } from './Media/Audio';
 export { Desktop, Smartphone } from './Media/Devices';
-export { BarcodeScan, Download, EmojiSmile, Paperclip, Upload } from './Media/Others';
-export { Frame26086263, Camera, CameraAdd, Crop, FlashOff, FlashOn, FormkitHappy, IconTrailing, Image, ImageAdd, Images, Maximize, RotateAnticlockwise, RotateClockwise, VideoCamcorder, VideoFilm } from './Media/Visual';
-export { Bigcommerce, EmailMarketing, Facebook, FacebookComment, Instagram, InstagramIcon, Messenger, MonoFacebookComment, MonoFacebook, MonoInstagram, MonoInstagramComment, MonoMail, MonoMessenger, MonoPhone, MonoTasks, MonoWhatsapp, Tasks, WebPush, WhatsApp } from './Social/Channels';
+export { BarcodeScan, Download, EmojiSmile, Paperclip, Upload, } from './Media/Others';
+export { FormkitNeutral, Camera, CameraAdd, Crop, FlashOff, FlashOn, FormkitHappy, FormkitSad, Image, ImageAdd, Images, Maximize, RotateAnticlockwise, RotateClockwise, VideoCamcorder, VideoFilm, } from './Media/Visual';
+export { Bigcommerce, EmailMarketing, Facebook, FacebookComment, Instagram, InstagramIcon, Messenger, MonoFacebookComment, MonoFacebook, MonoInstagram, MonoInstagramComment, MonoMail, MonoMessenger, MonoPhone, MonoTasks, MonoWhatsapp, Tasks, WebPush, WhatsApp, } from './Social/Channels';
 export { Email as Email2 } from './Social/Channels';
-export { BigCommerce, Google, Gorgias, Kustomer, Rcs, Twitter, Website, WooCommerce, Youtube, Zendesk } from './Social/Social';
+export { BigCommerce, Google, Gorgias, Kustomer, Rcs, Twitter, Website, WooCommerce, Youtube, Zendesk, } from './Social/Social';
 export { EmailMarketing as EmailMarketing2 } from './Social/Social';
 export { Facebook as Facebook2 } from './Social/Social';
 export { Instagram as Instagram2 } from './Social/Social';
 export { Messenger as Messenger2 } from './Social/Social';
 export { Whatsapp as Whatsapp2 } from './Social/Social';
-export { Eye, EyeClosed, EyeOff, HeartEmpty, HeartFilled, Lock, StarEmpty, StarFilled, StarHalf, Unlock } from './Toggles/General';
+export { Eye, EyeClosed, EyeOff, HeartEmpty, HeartFilled, Lock, StarEmpty, StarFilled, StarHalf, Unlock, } from './Toggles/General';