npm - @bikdotai/bik-component-library - Versions diffs - 0.0.825 → 0.0.827 - Mend

@bikdotai/bik-component-library 0.0.825 → 0.0.827

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 { 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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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.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":";;;;AAKO,MAAMA,IAASC;AAAA,EACrB,CAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAOC;AAAA,IACP,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAaC;AAAA,EAAA,MACR;AACL,UAAM,EAAE,UAAAC,MAAaC,GAEf,CAACC,GAAOC,CAAQ,IAAIC,EAAkBX,CAAU,GAEhD,CAACY,GAAWC,CAAU,IAAIF,EAAkBN,KAAa,EAAK,GAC9DS,IAAeZ,KAAY;AAEjC,IAAAa,EAAU,MAAM;AACf,MAAI,OAAOV,KAAa,aACvBQ,EAAWR,CAAS;AAAA,IAEtB,GAAG,CAACA,CAAS,CAAC,GAEdU,EAAU,MAAM;AACf,MAAAL,EAASV,CAAU;AAAA,IACpB,GAAG,CAACA,CAAU,CAAC;AAEf,UAAMgB,IAA2CjB,IAC9C;AAAA,MACA,OAAOQ,EAAS,WAAW;AAAA,MAC3B,MAAMA,EAAS,WAAW;AAAA,IAAA,IAE1B;AAAA,MACA,OACCX,GAAY,SAASQ,MAAS,aAC3BG,EAAS,WAAW,SAAS,QAC7BA,EAAS,WAAW;AAAA,MACxB,MACCX,GAAY,QAAQQ,MAAS,aAC1BG,EAAS,WAAW,SAAS,UAC7BA,EAAS,WAAW;AAAA,IAAA,GAGrBU,IAA4C;AAAA,MACjD,OACCb,MAAS,aACNG,EAAS,OAAO,SAAS,WACzBA,EAAS,OAAO;AAAA,MACpB,MACCH,MAAS,aACNG,EAAS,WAAW,SAAS,UAC7BA,EAAS,WAAW;AAAA,IAAA,GAGnBW,IAA2CnB,IAC9C,EAAE,OAAOQ,EAAS,QAAQ,UAAU,MAAMA,EAAS,QAAQ,SAAA,IAC3D;AAAA,MACA,OACCZ,GAAkB,SAASS,MAAS,aACjCG,EAAS,QAAQ,WACjBA,EAAS,KAAK;AAAA,MAClB,MAAMZ,GAAkB,QAAQY,EAAS,QAAQ;AAAA,IAAA,GAG9CY,IAA6Cf,IAEhD;AAAA,MACA,OACCA,MAAS,aACNG,EAAS,OAAO,SAAS,WACzBA,EAAS,OAAO;AAAA,MACpB,MACCH,MAAS,aACNG,EAAS,OAAO,SAAS,WACzBA,EAAS,WAAW;AAAA,IAAA,IATxB,EAAE,OAAOA,EAAS,OAAO,SAAS,MAAMA,EAAS,OAAO,QAAA;AAY3D,mBAAea,IAAc;AAC5B,UAAI,CAAArB,GAGJ;AAAA,QAAI,OAAOM,KAAc,aACxBQ,EAAW,EAAI;AAEhB,YAAI;AACH,gBAAMZ,IAAgB,CAACQ,CAAK,GAC5BC,EAAS,CAACD,CAAK;AAAA,QAChB,SAASY,GAAK;AACb,kBAAQ,IAAIA,CAAG;AAAA,QAChB;AACA,QAAI,OAAOhB,KAAc,aACxBQ,EAAW,EAAK;AAAA;AAAA,IAElB;AAEA,WACC,gBAAAS,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,aAAWlB;AAAA,QACX,aAAaR,KAAe;AAAA,QAC5B,aAAaD,KAAe;AAAA,QAC5B,SAAS,MAAMuB,EAAA;AAAA,QACf,YAAYJ;AAAA,QACZ,OAAAP;AAAA,QACA,OAAON;AAAA,QACP,aAAac;AAAA,QACb,UAAUH;AAAA,QACV,UAAAf;AAAA,QACA,cAAcoB;AAAA,QAEb,cACA,gBAAAG,EAACG,GAAA,EAAO,OAAAhB,GAAc,YAAYO,GAAwB,IAE1D,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YACA,OAAAjB;AAAA,YACA,UAAUK;AAAA,YACV,YAAYI;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA,GAGH;AAAA,EAEF;AACD;AAEAzB,EAAO,cAAc;AAEd,MAAM+B,IAAkBG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAgBjB,CAACC,MACpBA,EAAM,QAAQA,EAAM,WAAW,OAAOA,EAAM,WAAW,KAAK;AAAA,UACpD,CAACA,MAAUA,EAAM,cAAc,IAAI;AAAA,WAClC,CAACA,MAAUA,EAAM,cAAc,IAAI;AAAA,iBAC7B,CAACA,MAAWA,EAAM,WAAW,QAAQ,KAAM;AAAA;AAAA,iBAE3C,CAACA,MAChBA,EAAM,QAAQA,EAAM,YAAY,OAAOA,EAAM,YAAY,KAAK;AAAA;AAAA,eAEjD,CAACA,MAAU,GAAGA,EAAM,WAAW,GAAI,YAAY;AAAA;AAAA,WAEnD,CAACA,MAAWA,EAAM,WAAW,YAAY,SAAU;AAAA;AAAA,aAEjD,CAACA,MACXA,EAAM,QAAQA,EAAM,aAAa,OAAOA,EAAM,aAAa,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMtD,CAACA,MACXA,EAAM,QAAQA,EAAM,aAAa,OAAOA,EAAM,aAAa,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtDF,IAAQC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAUnB,CAACC,MAAWA,EAAM,QAAQ,sBAAsB,KAAM;AAAA,eAChD,CAACA,MAAU,GAAGA,EAAM,WAAW,GAAI,YAAY;AAAA,qBACzC,CAACA,MACpBA,EAAM,QAAQA,EAAM,WAAW,OAAOA,EAAM,WAAW,KAAK;AAAA,GAGjDH,IAASE,EAAO;AAAA;AAAA;AAAA,iBAMZ,CAACC,MAChBA,EAAM,QAAQA,EAAM,WAAW,OAAOA,EAAM,WAAW,KAAK;AAAA;AAAA;AAAA,qBAGzC,CAACA,MACpBA,EAAM,QAAQC,EAAO,KAAK,QAAQA,EAAO,WAAW,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAMlD,CAACD,MAAWA,EAAM,QAAQ,sBAAsB,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -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} RENAMED Viewed

@@ -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 ADDED Viewed

@@ -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} RENAMED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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/Social/Channels/MonoFacebook.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const SvgMonoFacebook: ({ size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SvgMonoFacebook;

package/dist/esm/icons/Social/Channels/MonoFacebook.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { jsx as t } from "react/jsx-runtime";
+const l = ({ size: o = 24, ...n }) => {
+  const r = {
+    width: o,
+    height: o,
+    ...n
+  };
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...r,
+      children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M15.7804 22V14.2604H18.3719L18.7598 11.2517H15.7804V9.33072C15.7804 8.4596 16.0222 7.86593 17.2714 7.86593L18.8648 7.86519V5.17418C18.5891 5.13758 17.6434 5.05562 16.5431 5.05562C14.2459 5.05562 12.6733 6.45776 12.6733 9.0328V11.2517H10.0752V14.2604H12.6733V22H4.00019C2.89563 22 2.00021 21.1046 2.0002 20L2.00002 3.99998C2.00001 2.8954 2.89545 1.99996 4.00003 1.99996L20 2C21.1046 2 22 2.89543 22 4V20C22 21.1045 21.1046 22 20 22L15.7804 22Z",
+          fill: "#616161"
+        }
+      )
+    }
+  );
+};
+export {
+  l as default
+};
+//# sourceMappingURL=MonoFacebook.js.map

package/dist/esm/icons/Social/Channels/MonoFacebook.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MonoFacebook.js","sources":["../../../../../src/icons/Social/Channels/MonoFacebook.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n}\nconst SvgMonoFacebook = ({ size = 24, ...rest }: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 24 24\"\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=\"M15.7804 22V14.2604H18.3719L18.7598 11.2517H15.7804V9.33072C15.7804 8.4596 16.0222 7.86593 17.2714 7.86593L18.8648 7.86519V5.17418C18.5891 5.13758 17.6434 5.05562 16.5431 5.05562C14.2459 5.05562 12.6733 6.45776 12.6733 9.0328V11.2517H10.0752V14.2604H12.6733V22H4.00019C2.89563 22 2.00021 21.1046 2.0002 20L2.00002 3.99998C2.00001 2.8954 2.89545 1.99996 4.00003 1.99996L20 2C21.1046 2 22 2.89543 22 4V20C22 21.1045 21.1046 22 20 22L15.7804 22Z\"\n\t\t\t\tfill=\"#616161\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgMonoFacebook;\n"],"names":["SvgMonoFacebook","size","rest","props","jsx"],"mappings":";AAKA,MAAMA,IAAkB,CAAC,EAAE,MAAAC,IAAO,IAAI,GAAGC,QAAkB;AAC1D,QAAMC,IAAQ;AAAA,IACb,OAAOF;AAAA,IACP,QAAQA;AAAA,IACR,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,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/Social/Channels/MonoFacebookComment.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const SvgMonoFacebookComment: ({ size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SvgMonoFacebookComment;

package/dist/esm/icons/Social/Channels/MonoFacebookComment.js ADDED Viewed

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as C } from "react/jsx-runtime";
+const e = ({ size: o = 24, ...t }) => {
+  const l = {
+    width: o,
+    height: o,
+    ...t
+  };
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...l,
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M15.7804 22V14.2604H18.3719L18.7598 11.2517H15.7804V9.33072C15.7804 8.4596 16.0222 7.86593 17.2714 7.86593L18.8648 7.86519V5.17417C18.5891 5.13757 17.6434 5.05562 16.5431 5.05562C14.2459 5.05562 12.6733 6.45775 12.6733 9.0328V11.2517H10.0752V14.2604H12.6733V22H4.00017C2.89561 22 2.00019 21.1046 2.00017 20L2 3.99997C1.99999 2.8954 2.89542 1.99995 4 1.99995L20 1.99999C21.1046 1.99999 22 2.89542 22 3.99999V20C22 21.1045 21.1046 22 20 22L15.7804 22Z",
+            fill: "#616161"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M2.00059 16.0006C2.00059 12.6869 4.68688 10.0006 8.00059 10.0006C11.3143 10.0006 14.0006 12.6869 14.0006 16.0006C14.0006 19.3143 11.3143 22.0006 8.00059 22.0006L4.00017 22C2.89561 22 2.00019 21.1046 2.00017 20L2.00059 16.0006Z",
+            fill: "#FEC02D"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M11.0006 14.8453H9.94106C9.90031 14.6189 9.82446 14.4197 9.71353 14.2476C9.6026 14.0756 9.46676 13.9295 9.30602 13.8095C9.14528 13.6895 8.96529 13.599 8.76607 13.5379C8.5691 13.4767 8.35969 13.4462 8.13782 13.4462C7.7371 13.4462 7.37826 13.5469 7.06131 13.7484C6.74662 13.9499 6.49758 14.2454 6.3142 14.6348C6.13309 15.0242 6.04253 15.4996 6.04253 16.061C6.04253 16.627 6.13309 17.1047 6.3142 17.4941C6.49758 17.8835 6.74775 18.1778 7.0647 18.3771C7.38166 18.5763 7.73823 18.6759 8.13442 18.6759C8.35403 18.6759 8.56231 18.6465 8.75927 18.5876C8.9585 18.5265 9.13849 18.4371 9.29923 18.3193C9.45997 18.2016 9.5958 18.0579 9.70674 17.8881C9.81994 17.716 9.89804 17.519 9.94106 17.2972L11.0006 17.3006C10.944 17.6424 10.8342 17.9571 10.6712 18.2446C10.5104 18.5299 10.3033 18.7767 10.0497 18.9849C9.79843 19.191 9.51091 19.3506 9.18716 19.4638C8.86342 19.577 8.51024 19.6336 8.12763 19.6336C7.52542 19.6336 6.98886 19.4909 6.51796 19.2057C6.04706 18.9182 5.67577 18.5072 5.40409 17.973C5.13468 17.4387 4.99998 16.8014 4.99998 16.061C4.99998 15.3185 5.13582 14.6812 5.40749 14.1491C5.67916 13.6148 6.05045 13.2051 6.52136 12.9198C6.99226 12.6323 7.52768 12.4885 8.12763 12.4885C8.49666 12.4885 8.84078 12.5417 9.15999 12.6481C9.48148 12.7523 9.77013 12.9062 10.026 13.11C10.2818 13.3115 10.4935 13.5582 10.661 13.8503C10.8285 14.1401 10.9417 14.4717 11.0006 14.8453Z",
+            fill: "#616161"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MonoFacebookComment.js.map

package/dist/esm/icons/Social/Channels/MonoFacebookComment.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MonoFacebookComment.js","sources":["../../../../../src/icons/Social/Channels/MonoFacebookComment.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n}\nconst SvgMonoFacebookComment = ({ size = 24, ...rest }: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 24 24\"\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=\"M15.7804 22V14.2604H18.3719L18.7598 11.2517H15.7804V9.33072C15.7804 8.4596 16.0222 7.86593 17.2714 7.86593L18.8648 7.86519V5.17417C18.5891 5.13757 17.6434 5.05562 16.5431 5.05562C14.2459 5.05562 12.6733 6.45775 12.6733 9.0328V11.2517H10.0752V14.2604H12.6733V22H4.00017C2.89561 22 2.00019 21.1046 2.00017 20L2 3.99997C1.99999 2.8954 2.89542 1.99995 4 1.99995L20 1.99999C21.1046 1.99999 22 2.89542 22 3.99999V20C22 21.1045 21.1046 22 20 22L15.7804 22Z\"\n\t\t\t\tfill=\"#616161\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M2.00059 16.0006C2.00059 12.6869 4.68688 10.0006 8.00059 10.0006C11.3143 10.0006 14.0006 12.6869 14.0006 16.0006C14.0006 19.3143 11.3143 22.0006 8.00059 22.0006L4.00017 22C2.89561 22 2.00019 21.1046 2.00017 20L2.00059 16.0006Z\"\n\t\t\t\tfill=\"#FEC02D\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M11.0006 14.8453H9.94106C9.90031 14.6189 9.82446 14.4197 9.71353 14.2476C9.6026 14.0756 9.46676 13.9295 9.30602 13.8095C9.14528 13.6895 8.96529 13.599 8.76607 13.5379C8.5691 13.4767 8.35969 13.4462 8.13782 13.4462C7.7371 13.4462 7.37826 13.5469 7.06131 13.7484C6.74662 13.9499 6.49758 14.2454 6.3142 14.6348C6.13309 15.0242 6.04253 15.4996 6.04253 16.061C6.04253 16.627 6.13309 17.1047 6.3142 17.4941C6.49758 17.8835 6.74775 18.1778 7.0647 18.3771C7.38166 18.5763 7.73823 18.6759 8.13442 18.6759C8.35403 18.6759 8.56231 18.6465 8.75927 18.5876C8.9585 18.5265 9.13849 18.4371 9.29923 18.3193C9.45997 18.2016 9.5958 18.0579 9.70674 17.8881C9.81994 17.716 9.89804 17.519 9.94106 17.2972L11.0006 17.3006C10.944 17.6424 10.8342 17.9571 10.6712 18.2446C10.5104 18.5299 10.3033 18.7767 10.0497 18.9849C9.79843 19.191 9.51091 19.3506 9.18716 19.4638C8.86342 19.577 8.51024 19.6336 8.12763 19.6336C7.52542 19.6336 6.98886 19.4909 6.51796 19.2057C6.04706 18.9182 5.67577 18.5072 5.40409 17.973C5.13468 17.4387 4.99998 16.8014 4.99998 16.061C4.99998 15.3185 5.13582 14.6812 5.40749 14.1491C5.67916 13.6148 6.05045 13.2051 6.52136 12.9198C6.99226 12.6323 7.52768 12.4885 8.12763 12.4885C8.49666 12.4885 8.84078 12.5417 9.15999 12.6481C9.48148 12.7523 9.77013 12.9062 10.026 13.11C10.2818 13.3115 10.4935 13.5582 10.661 13.8503C10.8285 14.1401 10.9417 14.4717 11.0006 14.8453Z\"\n\t\t\t\tfill=\"#616161\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgMonoFacebookComment;\n"],"names":["SvgMonoFacebookComment","size","rest","props","jsxs","jsx"],"mappings":";AAKA,MAAMA,IAAyB,CAAC,EAAE,MAAAC,IAAO,IAAI,GAAGC,QAAkB;AACjE,QAAMC,IAAQ;AAAA,IACb,OAAOF;AAAA,IACP,QAAQA;AAAA,IACR,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,MACN;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/Social/Channels/MonoInstagram.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const SvgMonoInstagram: ({ size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SvgMonoInstagram;

package/dist/esm/icons/Social/Channels/MonoInstagram.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { jsx as t } from "react/jsx-runtime";
+const s = ({ size: C = 24, ...o }) => {
+  const n = {
+    width: C,
+    height: C,
+    ...o
+  };
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...n,
+      children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M15.0769 12C15.0769 12.6086 14.8965 13.2034 14.5584 13.7094C14.2203 14.2154 13.7397 14.6098 13.1775 14.8427C12.6153 15.0756 11.9966 15.1365 11.3997 15.0178C10.8029 14.8991 10.2546 14.606 9.82429 14.1757C9.39397 13.7454 9.10092 13.1971 8.9822 12.6003C8.86348 12.0034 8.92441 11.3847 9.15729 10.8225C9.39018 10.2603 9.78456 9.77973 10.2906 9.44163C10.7966 9.10354 11.3914 8.92308 12 8.92308C12.8161 8.92308 13.5987 9.24725 14.1757 9.82429C14.7527 10.4013 15.0769 11.1839 15.0769 12ZM22 7.38462V16.6154C21.9985 18.043 21.4307 19.4117 20.4212 20.4212C19.4117 21.4307 18.043 21.9985 16.6154 22H7.38462C5.957 21.9985 4.58828 21.4307 3.5788 20.4212C2.56932 19.4117 2.00153 18.043 2 16.6154V7.38462C2.00153 5.957 2.56932 4.58828 3.5788 3.5788C4.58828 2.56932 5.957 2.00153 7.38462 2H16.6154C18.043 2.00153 19.4117 2.56932 20.4212 3.5788C21.4307 4.58828 21.9985 5.957 22 7.38462ZM16.6154 12C16.6154 11.0872 16.3447 10.1948 15.8376 9.43583C15.3304 8.67683 14.6096 8.08527 13.7662 7.73594C12.9229 7.38661 11.9949 7.29521 11.0996 7.4733C10.2043 7.65138 9.3819 8.09096 8.73643 8.73643C8.09096 9.3819 7.65138 10.2043 7.4733 11.0996C7.29521 11.9949 7.38661 12.9229 7.73594 13.7662C8.08527 14.6096 8.67683 15.3304 9.43583 15.8376C10.1948 16.3447 11.0872 16.6154 12 16.6154C13.2237 16.6141 14.3969 16.1274 15.2622 15.2622C16.1274 14.3969 16.6141 13.2237 16.6154 12ZM18.9231 6.23077C18.9231 6.00256 18.8554 5.77948 18.7286 5.58973C18.6018 5.39998 18.4216 5.25209 18.2108 5.16475C18 5.07742 17.768 5.05457 17.5441 5.09909C17.3203 5.14362 17.1147 5.25351 16.9533 5.41488C16.792 5.57625 16.6821 5.78184 16.6376 6.00566C16.593 6.22949 16.6159 6.46149 16.7032 6.67233C16.7905 6.88316 16.9384 7.06337 17.1282 7.19016C17.3179 7.31694 17.541 7.38462 17.7692 7.38462C18.0753 7.38462 18.3687 7.26305 18.5851 7.04666C18.8015 6.83027 18.9231 6.53679 18.9231 6.23077Z",
+          fill: "#616161"
+        }
+      )
+    }
+  );
+};
+export {
+  s as default
+};
+//# sourceMappingURL=MonoInstagram.js.map

package/dist/esm/icons/Social/Channels/MonoInstagram.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MonoInstagram.js","sources":["../../../../../src/icons/Social/Channels/MonoInstagram.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n}\nconst SvgMonoInstagram = ({ size = 24, ...rest }: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 24 24\"\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=\"M15.0769 12C15.0769 12.6086 14.8965 13.2034 14.5584 13.7094C14.2203 14.2154 13.7397 14.6098 13.1775 14.8427C12.6153 15.0756 11.9966 15.1365 11.3997 15.0178C10.8029 14.8991 10.2546 14.606 9.82429 14.1757C9.39397 13.7454 9.10092 13.1971 8.9822 12.6003C8.86348 12.0034 8.92441 11.3847 9.15729 10.8225C9.39018 10.2603 9.78456 9.77973 10.2906 9.44163C10.7966 9.10354 11.3914 8.92308 12 8.92308C12.8161 8.92308 13.5987 9.24725 14.1757 9.82429C14.7527 10.4013 15.0769 11.1839 15.0769 12ZM22 7.38462V16.6154C21.9985 18.043 21.4307 19.4117 20.4212 20.4212C19.4117 21.4307 18.043 21.9985 16.6154 22H7.38462C5.957 21.9985 4.58828 21.4307 3.5788 20.4212C2.56932 19.4117 2.00153 18.043 2 16.6154V7.38462C2.00153 5.957 2.56932 4.58828 3.5788 3.5788C4.58828 2.56932 5.957 2.00153 7.38462 2H16.6154C18.043 2.00153 19.4117 2.56932 20.4212 3.5788C21.4307 4.58828 21.9985 5.957 22 7.38462ZM16.6154 12C16.6154 11.0872 16.3447 10.1948 15.8376 9.43583C15.3304 8.67683 14.6096 8.08527 13.7662 7.73594C12.9229 7.38661 11.9949 7.29521 11.0996 7.4733C10.2043 7.65138 9.3819 8.09096 8.73643 8.73643C8.09096 9.3819 7.65138 10.2043 7.4733 11.0996C7.29521 11.9949 7.38661 12.9229 7.73594 13.7662C8.08527 14.6096 8.67683 15.3304 9.43583 15.8376C10.1948 16.3447 11.0872 16.6154 12 16.6154C13.2237 16.6141 14.3969 16.1274 15.2622 15.2622C16.1274 14.3969 16.6141 13.2237 16.6154 12ZM18.9231 6.23077C18.9231 6.00256 18.8554 5.77948 18.7286 5.58973C18.6018 5.39998 18.4216 5.25209 18.2108 5.16475C18 5.07742 17.768 5.05457 17.5441 5.09909C17.3203 5.14362 17.1147 5.25351 16.9533 5.41488C16.792 5.57625 16.6821 5.78184 16.6376 6.00566C16.593 6.22949 16.6159 6.46149 16.7032 6.67233C16.7905 6.88316 16.9384 7.06337 17.1282 7.19016C17.3179 7.31694 17.541 7.38462 17.7692 7.38462C18.0753 7.38462 18.3687 7.26305 18.5851 7.04666C18.8015 6.83027 18.9231 6.53679 18.9231 6.23077Z\"\n\t\t\t\tfill=\"#616161\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgMonoInstagram;\n"],"names":["SvgMonoInstagram","size","rest","props","jsx"],"mappings":";AAKA,MAAMA,IAAmB,CAAC,EAAE,MAAAC,IAAO,IAAI,GAAGC,QAAkB;AAC3D,QAAMC,IAAQ;AAAA,IACb,OAAOF;AAAA,IACP,QAAQA;AAAA,IACR,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,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/Social/Channels/MonoInstagramComment.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const SvgMonoInstagramComment: ({ size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SvgMonoInstagramComment;

package/dist/esm/icons/Social/Channels/MonoInstagramComment.js ADDED Viewed

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as C } from "react/jsx-runtime";
+const r = ({ size: t = 24, ...o }) => {
+  const l = {
+    width: t,
+    height: t,
+    ...o
+  };
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...l,
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M15.0769 12C15.0769 12.6086 14.8965 13.2034 14.5584 13.7094C14.2203 14.2154 13.7397 14.6098 13.1775 14.8427C12.6153 15.0756 11.9966 15.1365 11.3997 15.0178C10.8029 14.8991 10.2546 14.606 9.82429 14.1757C9.39397 13.7454 9.10092 13.1971 8.9822 12.6003C8.86348 12.0034 8.92441 11.3847 9.15729 10.8225C9.39018 10.2603 9.78456 9.77973 10.2906 9.44163C10.7966 9.10354 11.3914 8.92308 12 8.92308C12.8161 8.92308 13.5987 9.24725 14.1757 9.82429C14.7527 10.4013 15.0769 11.1839 15.0769 12ZM22 7.38462V16.6154C21.9985 18.043 21.4307 19.4117 20.4212 20.4212C19.4117 21.4307 18.043 21.9985 16.6154 22H7.38462C5.957 21.9985 4.58828 21.4307 3.5788 20.4212C2.56932 19.4117 2.00153 18.043 2 16.6154V7.38462C2.00153 5.957 2.56932 4.58828 3.5788 3.5788C4.58828 2.56932 5.957 2.00153 7.38462 2H16.6154C18.043 2.00153 19.4117 2.56932 20.4212 3.5788C21.4307 4.58828 21.9985 5.957 22 7.38462ZM16.6154 12C16.6154 11.0872 16.3447 10.1948 15.8376 9.43583C15.3304 8.67683 14.6096 8.08527 13.7662 7.73594C12.9229 7.38661 11.9949 7.29521 11.0996 7.4733C10.2043 7.65138 9.3819 8.09096 8.73643 8.73643C8.09096 9.3819 7.65138 10.2043 7.4733 11.0996C7.29521 11.9949 7.38661 12.9229 7.73594 13.7662C8.08527 14.6096 8.67683 15.3304 9.43583 15.8376C10.1948 16.3447 11.0872 16.6154 12 16.6154C13.2237 16.6141 14.3969 16.1274 15.2622 15.2622C16.1274 14.3969 16.6141 13.2237 16.6154 12ZM18.9231 6.23077C18.9231 6.00256 18.8554 5.77948 18.7286 5.58973C18.6018 5.39998 18.4216 5.25209 18.2108 5.16475C18 5.07742 17.768 5.05457 17.5441 5.09909C17.3203 5.14362 17.1147 5.25351 16.9533 5.41488C16.792 5.57625 16.6821 5.78184 16.6376 6.00566C16.593 6.22949 16.6159 6.46149 16.7032 6.67233C16.7905 6.88316 16.9384 7.06337 17.1282 7.19016C17.3179 7.31694 17.541 7.38462 17.7692 7.38462C18.0753 7.38462 18.3687 7.26305 18.5851 7.04666C18.8015 6.83027 18.9231 6.53679 18.9231 6.23077Z",
+            fill: "#616161"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M2.00061 16.0006C2.00061 12.6869 4.6869 10.0006 8.00061 10.0006C11.3143 10.0006 14.0006 12.6869 14.0006 16.0006C14.0006 19.3143 11.3143 22.0006 8.00061 22.0006H4.00061C2.89604 22.0006 2.00061 21.1052 2.00061 20.0006V16.0006Z",
+            fill: "#FEC02D"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M11.0006 14.8453H9.94108C9.90033 14.6189 9.82449 14.4197 9.71355 14.2476C9.60262 14.0756 9.46678 13.9295 9.30604 13.8095C9.1453 13.6896 8.96532 13.599 8.76609 13.5379C8.56912 13.4767 8.35971 13.4462 8.13784 13.4462C7.73712 13.4462 7.37828 13.5469 7.06133 13.7484C6.74664 13.9499 6.49761 14.2454 6.31423 14.6348C6.13311 15.0242 6.04255 15.4996 6.04255 16.061C6.04255 16.627 6.13311 17.1047 6.31423 17.4941C6.49761 17.8835 6.74777 18.1778 7.06473 18.3771C7.38168 18.5763 7.73825 18.6759 8.13444 18.6759C8.35405 18.6759 8.56233 18.6465 8.7593 18.5876C8.95852 18.5265 9.13851 18.4371 9.29925 18.3193C9.45999 18.2016 9.59583 18.0579 9.70676 17.8881C9.81996 17.716 9.89806 17.519 9.94108 17.2972L11.0006 17.3006C10.944 17.6424 10.8342 17.9571 10.6712 18.2446C10.5105 18.5299 10.3033 18.7767 10.0497 18.9849C9.79845 19.191 9.51093 19.3506 9.18718 19.4638C8.86344 19.577 8.51026 19.6336 8.12765 19.6336C7.52544 19.6336 6.98888 19.4909 6.51798 19.2057C6.04708 18.9182 5.67579 18.5072 5.40412 17.973C5.13471 17.4387 5 16.8014 5 16.061C5 15.3185 5.13584 14.6812 5.40751 14.1491C5.67919 13.6148 6.05047 13.2051 6.52138 12.9198C6.99228 12.6323 7.5277 12.4885 8.12765 12.4885C8.49668 12.4885 8.8408 12.5417 9.16002 12.6481C9.4815 12.7523 9.77015 12.9062 10.026 13.11C10.2818 13.3115 10.4935 13.5582 10.661 13.8503C10.8286 14.1401 10.9417 14.4718 11.0006 14.8453Z",
+            fill: "#616161"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  r as default
+};
+//# sourceMappingURL=MonoInstagramComment.js.map

package/dist/esm/icons/Social/Channels/MonoInstagramComment.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MonoInstagramComment.js","sources":["../../../../../src/icons/Social/Channels/MonoInstagramComment.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n}\nconst SvgMonoInstagramComment = ({ size = 24, ...rest }: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 24 24\"\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=\"M15.0769 12C15.0769 12.6086 14.8965 13.2034 14.5584 13.7094C14.2203 14.2154 13.7397 14.6098 13.1775 14.8427C12.6153 15.0756 11.9966 15.1365 11.3997 15.0178C10.8029 14.8991 10.2546 14.606 9.82429 14.1757C9.39397 13.7454 9.10092 13.1971 8.9822 12.6003C8.86348 12.0034 8.92441 11.3847 9.15729 10.8225C9.39018 10.2603 9.78456 9.77973 10.2906 9.44163C10.7966 9.10354 11.3914 8.92308 12 8.92308C12.8161 8.92308 13.5987 9.24725 14.1757 9.82429C14.7527 10.4013 15.0769 11.1839 15.0769 12ZM22 7.38462V16.6154C21.9985 18.043 21.4307 19.4117 20.4212 20.4212C19.4117 21.4307 18.043 21.9985 16.6154 22H7.38462C5.957 21.9985 4.58828 21.4307 3.5788 20.4212C2.56932 19.4117 2.00153 18.043 2 16.6154V7.38462C2.00153 5.957 2.56932 4.58828 3.5788 3.5788C4.58828 2.56932 5.957 2.00153 7.38462 2H16.6154C18.043 2.00153 19.4117 2.56932 20.4212 3.5788C21.4307 4.58828 21.9985 5.957 22 7.38462ZM16.6154 12C16.6154 11.0872 16.3447 10.1948 15.8376 9.43583C15.3304 8.67683 14.6096 8.08527 13.7662 7.73594C12.9229 7.38661 11.9949 7.29521 11.0996 7.4733C10.2043 7.65138 9.3819 8.09096 8.73643 8.73643C8.09096 9.3819 7.65138 10.2043 7.4733 11.0996C7.29521 11.9949 7.38661 12.9229 7.73594 13.7662C8.08527 14.6096 8.67683 15.3304 9.43583 15.8376C10.1948 16.3447 11.0872 16.6154 12 16.6154C13.2237 16.6141 14.3969 16.1274 15.2622 15.2622C16.1274 14.3969 16.6141 13.2237 16.6154 12ZM18.9231 6.23077C18.9231 6.00256 18.8554 5.77948 18.7286 5.58973C18.6018 5.39998 18.4216 5.25209 18.2108 5.16475C18 5.07742 17.768 5.05457 17.5441 5.09909C17.3203 5.14362 17.1147 5.25351 16.9533 5.41488C16.792 5.57625 16.6821 5.78184 16.6376 6.00566C16.593 6.22949 16.6159 6.46149 16.7032 6.67233C16.7905 6.88316 16.9384 7.06337 17.1282 7.19016C17.3179 7.31694 17.541 7.38462 17.7692 7.38462C18.0753 7.38462 18.3687 7.26305 18.5851 7.04666C18.8015 6.83027 18.9231 6.53679 18.9231 6.23077Z\"\n\t\t\t\tfill=\"#616161\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M2.00061 16.0006C2.00061 12.6869 4.6869 10.0006 8.00061 10.0006C11.3143 10.0006 14.0006 12.6869 14.0006 16.0006C14.0006 19.3143 11.3143 22.0006 8.00061 22.0006H4.00061C2.89604 22.0006 2.00061 21.1052 2.00061 20.0006V16.0006Z\"\n\t\t\t\tfill=\"#FEC02D\"\n\t\t\t/>\n\t\t\t<path\n\t\t\t\td=\"M11.0006 14.8453H9.94108C9.90033 14.6189 9.82449 14.4197 9.71355 14.2476C9.60262 14.0756 9.46678 13.9295 9.30604 13.8095C9.1453 13.6896 8.96532 13.599 8.76609 13.5379C8.56912 13.4767 8.35971 13.4462 8.13784 13.4462C7.73712 13.4462 7.37828 13.5469 7.06133 13.7484C6.74664 13.9499 6.49761 14.2454 6.31423 14.6348C6.13311 15.0242 6.04255 15.4996 6.04255 16.061C6.04255 16.627 6.13311 17.1047 6.31423 17.4941C6.49761 17.8835 6.74777 18.1778 7.06473 18.3771C7.38168 18.5763 7.73825 18.6759 8.13444 18.6759C8.35405 18.6759 8.56233 18.6465 8.7593 18.5876C8.95852 18.5265 9.13851 18.4371 9.29925 18.3193C9.45999 18.2016 9.59583 18.0579 9.70676 17.8881C9.81996 17.716 9.89806 17.519 9.94108 17.2972L11.0006 17.3006C10.944 17.6424 10.8342 17.9571 10.6712 18.2446C10.5105 18.5299 10.3033 18.7767 10.0497 18.9849C9.79845 19.191 9.51093 19.3506 9.18718 19.4638C8.86344 19.577 8.51026 19.6336 8.12765 19.6336C7.52544 19.6336 6.98888 19.4909 6.51798 19.2057C6.04708 18.9182 5.67579 18.5072 5.40412 17.973C5.13471 17.4387 5 16.8014 5 16.061C5 15.3185 5.13584 14.6812 5.40751 14.1491C5.67919 13.6148 6.05047 13.2051 6.52138 12.9198C6.99228 12.6323 7.5277 12.4885 8.12765 12.4885C8.49668 12.4885 8.8408 12.5417 9.16002 12.6481C9.4815 12.7523 9.77015 12.9062 10.026 13.11C10.2818 13.3115 10.4935 13.5582 10.661 13.8503C10.8286 14.1401 10.9417 14.4718 11.0006 14.8453Z\"\n\t\t\t\tfill=\"#616161\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgMonoInstagramComment;\n"],"names":["SvgMonoInstagramComment","size","rest","props","jsxs","jsx"],"mappings":";AAKA,MAAMA,IAA0B,CAAC,EAAE,MAAAC,IAAO,IAAI,GAAGC,QAAkB;AAClE,QAAMC,IAAQ;AAAA,IACb,OAAOF;AAAA,IACP,QAAQA;AAAA,IACR,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,MACN;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/Social/Channels/MonoMail.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const SvgMonoMail: ({ size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SvgMonoMail;

package/dist/esm/icons/Social/Channels/MonoMail.js ADDED Viewed

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+const i = ({ size: l = 24, ...e }) => {
+  const t = {
+    width: l,
+    height: l,
+    ...e
+  };
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M20.5 4.5C21.6046 4.5 22.5 5.39543 22.5 6.5V19C22.5 20.1046 21.6046 21 20.5 21H3.5C2.39543 21 1.5 20.1046 1.5 19V6.5C1.5 5.39543 2.39543 4.5 3.5 4.5H20.5ZM21.001 6.08984C20.6364 5.6751 20.0047 5.63449 19.5898 5.99902L12 12.6689L4.41016 5.99902C3.99534 5.63449 3.36361 5.6751 2.99902 6.08984C2.63449 6.50466 2.6751 7.13639 3.08984 7.50098L10.6797 14.1709C11.4348 14.8343 12.5653 14.8344 13.3203 14.1709L20.9102 7.50098C21.3249 7.13643 21.3654 6.50466 21.001 6.08984Z",
+          fill: "#616161"
+        }
+      )
+    }
+  );
+};
+export {
+  i as default
+};
+//# sourceMappingURL=MonoMail.js.map

package/dist/esm/icons/Social/Channels/MonoMail.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MonoMail.js","sources":["../../../../../src/icons/Social/Channels/MonoMail.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n}\nconst SvgMonoMail = ({ size = 24, ...rest }: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 24 24\"\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\tfillRule=\"evenodd\"\n\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\td=\"M20.5 4.5C21.6046 4.5 22.5 5.39543 22.5 6.5V19C22.5 20.1046 21.6046 21 20.5 21H3.5C2.39543 21 1.5 20.1046 1.5 19V6.5C1.5 5.39543 2.39543 4.5 3.5 4.5H20.5ZM21.001 6.08984C20.6364 5.6751 20.0047 5.63449 19.5898 5.99902L12 12.6689L4.41016 5.99902C3.99534 5.63449 3.36361 5.6751 2.99902 6.08984C2.63449 6.50466 2.6751 7.13639 3.08984 7.50098L10.6797 14.1709C11.4348 14.8343 12.5653 14.8344 13.3203 14.1709L20.9102 7.50098C21.3249 7.13643 21.3654 6.50466 21.001 6.08984Z\"\n\t\t\t\tfill=\"#616161\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgMonoMail;\n"],"names":["SvgMonoMail","size","rest","props","jsx"],"mappings":";AAKA,MAAMA,IAAc,CAAC,EAAE,MAAAC,IAAO,IAAI,GAAGC,QAAkB;AACtD,QAAMC,IAAQ;AAAA,IACb,OAAOF;AAAA,IACP,QAAQA;AAAA,IACR,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,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/Social/Channels/MonoMessenger.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const SvgMonoMessenger: ({ size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SvgMonoMessenger;

package/dist/esm/icons/Social/Channels/MonoMessenger.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { jsx as o } from "react/jsx-runtime";
+const r = ({ size: C = 24, ...t }) => {
+  const e = {
+    width: C,
+    height: C,
+    ...t
+  };
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...e,
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M12 1.99996C17.6334 1.99996 21.9999 6.12633 22 11.6997C22 17.2732 17.6335 21.4002 12 21.4002C11.0223 21.4025 10.0485 21.2728 9.10531 21.0153C8.92796 20.9667 8.73889 20.981 8.57064 21.0552L6.58659 21.9308C6.34322 22.0384 6.06224 22.018 5.83708 21.8763C5.61188 21.7344 5.47165 21.4897 5.46354 21.2236L5.40902 19.4447C5.40161 19.2259 5.30445 19.0193 5.14046 18.8742C3.19506 17.1342 2 14.6151 2 11.6997C2.00015 6.12633 6.36659 1.99996 12 1.99996ZM18.2801 8.15232C18.0719 7.9651 17.7632 7.94397 17.5314 8.10105L13.7179 10.6857C13.6195 10.7525 13.4907 10.7544 13.3908 10.6898L10.0534 8.52586C9.77874 8.34785 9.41107 8.42621 9.23307 8.70082L5.61409 14.2884C5.45227 14.5382 5.49619 14.8689 5.71745 15.068C5.92631 15.2559 6.23699 15.2754 6.46777 15.1152L10.2788 12.4671C10.3787 12.3977 10.5112 12.3963 10.6125 12.4639L13.945 14.6855C14.2198 14.8686 14.5914 14.7918 14.771 14.5146L18.3843 8.93601C18.5469 8.68477 18.5026 8.35254 18.2801 8.15232Z",
+          fill: "#616161"
+        }
+      )
+    }
+  );
+};
+export {
+  r as default
+};
+//# sourceMappingURL=MonoMessenger.js.map

package/dist/esm/icons/Social/Channels/MonoMessenger.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MonoMessenger.js","sources":["../../../../../src/icons/Social/Channels/MonoMessenger.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n}\nconst SvgMonoMessenger = ({ size = 24, ...rest }: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 24 24\"\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=\"M12 1.99996C17.6334 1.99996 21.9999 6.12633 22 11.6997C22 17.2732 17.6335 21.4002 12 21.4002C11.0223 21.4025 10.0485 21.2728 9.10531 21.0153C8.92796 20.9667 8.73889 20.981 8.57064 21.0552L6.58659 21.9308C6.34322 22.0384 6.06224 22.018 5.83708 21.8763C5.61188 21.7344 5.47165 21.4897 5.46354 21.2236L5.40902 19.4447C5.40161 19.2259 5.30445 19.0193 5.14046 18.8742C3.19506 17.1342 2 14.6151 2 11.6997C2.00015 6.12633 6.36659 1.99996 12 1.99996ZM18.2801 8.15232C18.0719 7.9651 17.7632 7.94397 17.5314 8.10105L13.7179 10.6857C13.6195 10.7525 13.4907 10.7544 13.3908 10.6898L10.0534 8.52586C9.77874 8.34785 9.41107 8.42621 9.23307 8.70082L5.61409 14.2884C5.45227 14.5382 5.49619 14.8689 5.71745 15.068C5.92631 15.2559 6.23699 15.2754 6.46777 15.1152L10.2788 12.4671C10.3787 12.3977 10.5112 12.3963 10.6125 12.4639L13.945 14.6855C14.2198 14.8686 14.5914 14.7918 14.771 14.5146L18.3843 8.93601C18.5469 8.68477 18.5026 8.35254 18.2801 8.15232Z\"\n\t\t\t\tfill=\"#616161\"\n\t\t\t/>\n\t\t</svg>\n\t);\n};\nexport default SvgMonoMessenger;\n"],"names":["SvgMonoMessenger","size","rest","props","jsx"],"mappings":";AAKA,MAAMA,IAAmB,CAAC,EAAE,MAAAC,IAAO,IAAI,GAAGC,QAAkB;AAC3D,QAAMC,IAAQ;AAAA,IACb,OAAOF;AAAA,IACP,QAAQA;AAAA,IACR,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,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGH;"}