@erpsquad/common 1.8.40 → 1.8.42

package/dist/components/charts/line-chart/area-lineChart/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/charts/line-chart/area-lineChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface LineChartProps {\n  data: DataPoint[];\n  width?: number | string; // Accept string for percentage width\n  height?: number | string;\n  lineColor?: string;\n  lineFillColor?: string;\n}\n\nconst AreaLineChart: React.FC<LineChartProps> = ({\n  data,\n  width = \"100%\", // Default to responsive width\n  height = 200, // Set a default numeric height\n  lineColor = \"#ADE7CB\",\n  lineFillColor = \"#EBF9F2\",\n  ...rest\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null); // Reference to the container\n  const [containerWidth, setContainerWidth] = useState(0);\n\n  useEffect(() => {\n    // Set up ResizeObserver to track container width\n    const resizeObserver = new ResizeObserver(() => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.clientWidth);\n      }\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n      setContainerWidth(containerRef.current.clientWidth);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (containerWidth === 0) return; // Skip rendering until we have a valid width\n\n    const svg = d3.select(svgRef.current);\n    svg.selectAll(\"*\").remove(); // Clear previous content\n\n    const margin = { top: 5, left: 0, right: 0, bottom: 5 };\n    const chartWidth = containerWidth - margin.left - margin.right; // Use container width\n    const chartHeight = height as number;\n\n    const x = d3\n      .scaleLinear()\n      .domain([0, data.length - 1])\n      .range([0, chartWidth]);\n\n    const y = d3\n      .scaleLinear()\n      .domain([0, d3.max(data, (d: DataPoint) => d.value) || 1]) // Fallback for empty data\n      .range([chartHeight, 0]);\n\n    const line = d3\n      .line<DataPoint>()\n      .x((_, i) => x(i))\n      .y((d) => y(d.value));\n\n    const area = d3\n      .area<DataPoint>()\n      .x((_, i) => x(i))\n      .y0(chartHeight)\n      .y1((d) => y(d.value));\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"line\")\n      .attr(\"d\", line)\n      .style(\"fill\", \"none\")\n      .style(\"stroke\", lineColor)\n      .style(\"stroke-width\", 5);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"area\")\n      .attr(\"d\", area)\n      .style(\"fill\", lineFillColor);\n\n    chart.selectAll(\".domain\").remove();\n    chart.selectAll(\".tick line\").remove();\n  }, [data, height, lineColor, lineFillColor, containerWidth]);\n\n  return (\n    <div ref={containerRef} style={{ width: width, height: height }}>\n      <svg ref={svgRef} width=\"100%\" height=\"100%\" {...rest}></svg>\n    </div>\n  );\n};\n\nexport default AreaLineChart;\n"],"names":["d3.select","d3.scaleLinear","d3.max","line","d3.line","area","d3.area"],"mappings":";;;;;;;AAgBA,MAAM,gBAA0C,CAAC;AAAA,EAC/C;AAAA,EACA,QAAQ;AAAA;AAAA,EACR,SAAS;AAAA;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAAsB,IAAI;AACzC,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AAEtD,YAAU,MAAM;AAEd,UAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,UAAI,aAAa,SAAS;AACxB,0BAAkB,aAAa,QAAQ,WAAW;AAAA,MACpD;AAAA,IACF,CAAC;AAED,QAAI,aAAa,SAAS;AACxB,qBAAe,QAAQ,aAAa,OAAO;AAC3C,wBAAkB,aAAa,QAAQ,WAAW;AAAA,IACpD;AAEA,WAAO,MAAM,eAAe,WAAA;AAAA,EAC9B,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACd,QAAI,mBAAmB,EAAG;AAE1B,UAAM,MAAMA,OAAU,OAAO,OAAO;AACpC,QAAI,UAAU,GAAG,EAAE,OAAA;AAEnB,UAAM,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,EAAa;AACtD,UAAM,aAAa,iBAAiB,OAAO,OAAO,OAAO;AACzD,UAAM,cAAc;AAEpB,UAAM,IAAIC,OACP,EACA,OAAO,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,EAC3B,MAAM,CAAC,GAAG,UAAU,CAAC;AAExB,UAAM,IAAIA,SAEP,OAAO,CAAC,GAAGC,IAAO,MAAM,CAAC,MAAiB,EAAE,KAAK,KAAK,CAAC,CAAC,EACxD,MAAM,CAAC,aAAa,CAAC,CAAC;AAEzB,UAAMC,SAAOC,KACV,EACA,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,EAChB,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC;AAEtB,UAAMC,SAAOC,OAEV,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,EAChB,GAAG,WAAW,EACd,GAAG,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC;AAEvB,UAAM,QAAQ,IACX,OAAO,GAAG,EACV,KAAK,aAAa,aAAa,OAAO,IAAI,IAAI,OAAO,GAAG,GAAG;AAE9D,UACG,OAAO,MAAM,EACb,MAAM,IAAI,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,KAAKH,MAAI,EACd,MAAM,QAAQ,MAAM,EACpB,MAAM,UAAU,SAAS,EACzB,MAAM,gBAAgB,CAAC;AAE1B,UACG,OAAO,MAAM,EACb,MAAM,IAAI,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,KAAKE,MAAI,EACd,MAAM,QAAQ,aAAa;AAE9B,UAAM,UAAU,SAAS,EAAE,OAAA;AAC3B,UAAM,UAAU,YAAY,EAAE,OAAA;AAAA,EAChC,GAAG,CAAC,MAAM,QAAQ,WAAW,eAAe,cAAc,CAAC;AAE3D,6BACG,OAAA,EAAI,KAAK,cAAc,OAAO,EAAE,OAAc,OAAA,GAC7C,8BAAC,OAAA,EAAI,KAAK,QAAQ,OAAM,QAAO,QAAO,QAAQ,GAAG,MAAM,GACzD;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/charts/line-chart/area-lineChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface LineChartProps {\n  data: DataPoint[];\n  width?: number | string; // Accept string for percentage width\n  height?: number | string;\n  lineColor?: string;\n  lineFillColor?: string;\n}\n\nconst AreaLineChartTwo: React.FC<LineChartProps> = ({\n  data,\n  width = \"100%\", // Default to responsive width\n  height = 200, // Set a default numeric height\n  lineColor = \"#ADE7CB\",\n  lineFillColor = \"#EBF9F2\",\n  ...rest\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null); // Reference to the container\n  const [containerWidth, setContainerWidth] = useState(0);\n\n  useEffect(() => {\n    // Set up ResizeObserver to track container width\n    const resizeObserver = new ResizeObserver(() => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.clientWidth);\n      }\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n      setContainerWidth(containerRef.current.clientWidth);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (containerWidth === 0) return; // Skip rendering until we have a valid width\n\n    const svg = d3.select(svgRef.current);\n    svg.selectAll(\"*\").remove(); // Clear previous content\n\n    const margin = { top: 5, left: 0, right: 0, bottom: 5 };\n    const chartWidth = containerWidth - margin.left - margin.right; // Use container width\n    const chartHeight = height as number;\n\n    const x = d3\n      .scaleLinear()\n      .domain([0, data.length - 1])\n      .range([0, chartWidth]);\n\n    const y = d3\n      .scaleLinear()\n      .domain([0, d3.max(data, (d: DataPoint) => d.value) || 1]) // Fallback for empty data\n      .range([chartHeight, 0]);\n\n    const line = d3\n      .line<DataPoint>()\n      .x((_, i) => x(i))\n      .y((d) => y(d.value));\n\n    const area = d3\n      .area<DataPoint>()\n      .x((_, i) => x(i))\n      .y0(chartHeight)\n      .y1((d) => y(d.value));\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"line\")\n      .attr(\"d\", line)\n      .style(\"fill\", \"none\")\n      .style(\"stroke\", lineColor)\n      .style(\"stroke-width\", 5);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"area\")\n      .attr(\"d\", area)\n      .style(\"fill\", lineFillColor);\n\n    chart.selectAll(\".domain\").remove();\n    chart.selectAll(\".tick line\").remove();\n  }, [data, height, lineColor, lineFillColor, containerWidth]);\n\n  return (\n    <div ref={containerRef} style={{ width: width, height: height }}>\n      <svg ref={svgRef} width=\"100%\" height=\"100%\" {...rest}></svg>\n    </div>\n  );\n};\n\nexport default AreaLineChartTwo;\n"],"names":["d3.select","d3.scaleLinear","d3.max","line","d3.line","area","d3.area"],"mappings":";;;;;;;AAgBA,MAAM,mBAA6C,CAAC;AAAA,EAClD;AAAA,EACA,QAAQ;AAAA;AAAA,EACR,SAAS;AAAA;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAAsB,IAAI;AACzC,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AAEtD,YAAU,MAAM;AAEd,UAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,UAAI,aAAa,SAAS;AACxB,0BAAkB,aAAa,QAAQ,WAAW;AAAA,MACpD;AAAA,IACF,CAAC;AAED,QAAI,aAAa,SAAS;AACxB,qBAAe,QAAQ,aAAa,OAAO;AAC3C,wBAAkB,aAAa,QAAQ,WAAW;AAAA,IACpD;AAEA,WAAO,MAAM,eAAe,WAAA;AAAA,EAC9B,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACd,QAAI,mBAAmB,EAAG;AAE1B,UAAM,MAAMA,OAAU,OAAO,OAAO;AACpC,QAAI,UAAU,GAAG,EAAE,OAAA;AAEnB,UAAM,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,EAAa;AACtD,UAAM,aAAa,iBAAiB,OAAO,OAAO,OAAO;AACzD,UAAM,cAAc;AAEpB,UAAM,IAAIC,OACP,EACA,OAAO,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,EAC3B,MAAM,CAAC,GAAG,UAAU,CAAC;AAExB,UAAM,IAAIA,SAEP,OAAO,CAAC,GAAGC,IAAO,MAAM,CAAC,MAAiB,EAAE,KAAK,KAAK,CAAC,CAAC,EACxD,MAAM,CAAC,aAAa,CAAC,CAAC;AAEzB,UAAMC,SAAOC,KACV,EACA,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,EAChB,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC;AAEtB,UAAMC,SAAOC,OAEV,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,EAChB,GAAG,WAAW,EACd,GAAG,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC;AAEvB,UAAM,QAAQ,IACX,OAAO,GAAG,EACV,KAAK,aAAa,aAAa,OAAO,IAAI,IAAI,OAAO,GAAG,GAAG;AAE9D,UACG,OAAO,MAAM,EACb,MAAM,IAAI,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,KAAKH,MAAI,EACd,MAAM,QAAQ,MAAM,EACpB,MAAM,UAAU,SAAS,EACzB,MAAM,gBAAgB,CAAC;AAE1B,UACG,OAAO,MAAM,EACb,MAAM,IAAI,EACV,KAAK,SAAS,MAAM,EACpB,KAAK,KAAKE,MAAI,EACd,MAAM,QAAQ,aAAa;AAE9B,UAAM,UAAU,SAAS,EAAE,OAAA;AAC3B,UAAM,UAAU,YAAY,EAAE,OAAA;AAAA,EAChC,GAAG,CAAC,MAAM,QAAQ,WAAW,eAAe,cAAc,CAAC;AAE3D,6BACG,OAAA,EAAI,KAAK,cAAc,OAAO,EAAE,OAAc,OAAA,GAC7C,8BAAC,OAAA,EAAI,KAAK,QAAQ,OAAM,QAAO,QAAO,QAAQ,GAAG,MAAM,GACzD;AAEJ;"}

package/dist/components/charts/line-chart/area-lineChart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/line-chart/area-lineChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface LineChartProps {\n  data: DataPoint[];\n  width?: number | string; // Accept string for percentage width\n  height?: number | string;\n  lineColor?: string;\n  lineFillColor?: string;\n}\n\nconst AreaLineChart: React.FC<LineChartProps> = ({\n  data,\n  width = \"100%\", // Default to responsive width\n  height = 200, // Set a default numeric height\n  lineColor = \"#ADE7CB\",\n  lineFillColor = \"#EBF9F2\",\n  ...rest\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null); // Reference to the container\n  const [containerWidth, setContainerWidth] = useState(0);\n\n  useEffect(() => {\n    // Set up ResizeObserver to track container width\n    const resizeObserver = new ResizeObserver(() => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.clientWidth);\n      }\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n      setContainerWidth(containerRef.current.clientWidth);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (containerWidth === 0) return; // Skip rendering until we have a valid width\n\n    const svg = d3.select(svgRef.current);\n    svg.selectAll(\"*\").remove(); // Clear previous content\n\n    const margin = { top: 5, left: 0, right: 0, bottom: 5 };\n    const chartWidth = containerWidth - margin.left - margin.right; // Use container width\n    const chartHeight = height as number;\n\n    const x = d3\n      .scaleLinear()\n      .domain([0, data.length - 1])\n      .range([0, chartWidth]);\n\n    const y = d3\n      .scaleLinear()\n      .domain([0, d3.max(data, (d: DataPoint) => d.value) || 1]) // Fallback for empty data\n      .range([chartHeight, 0]);\n\n    const line = d3\n      .line<DataPoint>()\n      .x((_, i) => x(i))\n      .y((d) => y(d.value));\n\n    const area = d3\n      .area<DataPoint>()\n      .x((_, i) => x(i))\n      .y0(chartHeight)\n      .y1((d) => y(d.value));\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"line\")\n      .attr(\"d\", line)\n      .style(\"fill\", \"none\")\n      .style(\"stroke\", lineColor)\n      .style(\"stroke-width\", 5);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"area\")\n      .attr(\"d\", area)\n      .style(\"fill\", lineFillColor);\n\n    chart.selectAll(\".domain\").remove();\n    chart.selectAll(\".tick line\").remove();\n  }, [data, height, lineColor, lineFillColor, containerWidth]);\n\n  return (\n    <div ref={containerRef} style={{ width: width, height: height }}>\n      <svg ref={svgRef} width=\"100%\" height=\"100%\" {...rest}></svg>\n    </div>\n  );\n};\n\nexport default AreaLineChart;\n"],"names":["data","width","height","lineColor","lineFillColor","rest","svgRef","useRef","containerRef","containerWidth","setContainerWidth","useState","useEffect","resizeObserver","ResizeObserver","current","clientWidth","observe","disconnect","svg","d3.select","selectAll","remove","chartWidth","chartHeight","x","d3.scaleLinear","domain","length","range","y","d3.max","d","value","line","d3.line","_","i","area","d3.area","y0","y1","chart","append","attr","datum","style","ref","children"],"mappings":"sdAgBgD,EAC9CA,OACAC,QAAQ,OACRC,SAAS,IACTC,YAAY,UACZC,gBAAgB,aACbC,MAEH,MAAMC,EAASC,EAAAA,OAAsB,MAC/BC,EAAeD,EAAAA,OAAuB,OACrCE,EAAgBC,GAAqBC,EAAAA,SAAS,GAyErD,OAvEAC,EAAAA,UAAU,KAER,MAAMC,EAAiB,IAAIC,eAAe,KACpCN,EAAaO,SACfL,EAAkBF,EAAaO,QAAQC,eAS3C,OALIR,EAAaO,UACfF,EAAeI,QAAQT,EAAaO,SACpCL,EAAkBF,EAAaO,QAAQC,cAGlC,IAAMH,EAAeK,cAC3B,IAEHN,EAAAA,UAAU,KACR,GAAuB,IAAnBH,EAAsB,OAE1B,MAAMU,EAAMC,EAAAA,QAAUd,EAAOS,SAC7BI,EAAIE,UAAU,KAAKC,SAEnB,MACMC,EAAad,EADY,EAAU,EAEnCe,EAActB,EAEduB,EAAIC,EAAAA,UAEPC,OAAO,CAAC,EAAG3B,EAAK4B,OAAS,IACzBC,MAAM,CAAC,EAAGN,IAEPO,EAAIJ,EAAAA,UAEPC,OAAO,CAAC,EAAGI,EAAAA,QAAO/B,EAAOgC,GAAiBA,EAAEC,QAAU,IACtDJ,MAAM,CAACL,EAAa,IAEjBU,EAAOC,EAAAA,UAEVV,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdP,EAAGE,GAAMF,EAAEE,EAAEC,QAEVK,EAAOC,EAAAA,UAEVd,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdG,GAAGhB,GACHiB,GAAIT,GAAMF,EAAEE,EAAEC,QAEXS,EAAQvB,EACXwB,OAAO,KACPC,KAAK,YAAa,kBAErBF,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKV,GACVY,MAAM,OAAQ,QACdA,MAAM,SAAU3C,GAChB2C,MAAM,eAAgB,GAEzBJ,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKN,GACVQ,MAAM,OAAQ1C,GAEjBsC,EAAMrB,UAAU,WAAWC,SAC3BoB,EAAMrB,UAAU,cAAcC,UAC7B,CAACtB,EAAME,EAAQC,EAAWC,EAAeK,yBAGzC,MAAA,CAAIsC,IAAKvC,EAAcsC,MAAO,CAAE7C,QAAcC,UAC7C8C,8BAAC,MAAA,CAAID,IAAKzC,EAAQL,MAAM,OAAOC,OAAO,UAAWG"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/charts/line-chart/area-lineChart.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from \"react\";\nimport * as d3 from \"d3\";\n\ninterface DataPoint {\n  label: string;\n  value: number;\n}\n\ninterface LineChartProps {\n  data: DataPoint[];\n  width?: number | string; // Accept string for percentage width\n  height?: number | string;\n  lineColor?: string;\n  lineFillColor?: string;\n}\n\nconst AreaLineChartTwo: React.FC<LineChartProps> = ({\n  data,\n  width = \"100%\", // Default to responsive width\n  height = 200, // Set a default numeric height\n  lineColor = \"#ADE7CB\",\n  lineFillColor = \"#EBF9F2\",\n  ...rest\n}) => {\n  const svgRef = useRef<SVGSVGElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null); // Reference to the container\n  const [containerWidth, setContainerWidth] = useState(0);\n\n  useEffect(() => {\n    // Set up ResizeObserver to track container width\n    const resizeObserver = new ResizeObserver(() => {\n      if (containerRef.current) {\n        setContainerWidth(containerRef.current.clientWidth);\n      }\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n      setContainerWidth(containerRef.current.clientWidth);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (containerWidth === 0) return; // Skip rendering until we have a valid width\n\n    const svg = d3.select(svgRef.current);\n    svg.selectAll(\"*\").remove(); // Clear previous content\n\n    const margin = { top: 5, left: 0, right: 0, bottom: 5 };\n    const chartWidth = containerWidth - margin.left - margin.right; // Use container width\n    const chartHeight = height as number;\n\n    const x = d3\n      .scaleLinear()\n      .domain([0, data.length - 1])\n      .range([0, chartWidth]);\n\n    const y = d3\n      .scaleLinear()\n      .domain([0, d3.max(data, (d: DataPoint) => d.value) || 1]) // Fallback for empty data\n      .range([chartHeight, 0]);\n\n    const line = d3\n      .line<DataPoint>()\n      .x((_, i) => x(i))\n      .y((d) => y(d.value));\n\n    const area = d3\n      .area<DataPoint>()\n      .x((_, i) => x(i))\n      .y0(chartHeight)\n      .y1((d) => y(d.value));\n\n    const chart = svg\n      .append(\"g\")\n      .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"line\")\n      .attr(\"d\", line)\n      .style(\"fill\", \"none\")\n      .style(\"stroke\", lineColor)\n      .style(\"stroke-width\", 5);\n\n    chart\n      .append(\"path\")\n      .datum(data)\n      .attr(\"class\", \"area\")\n      .attr(\"d\", area)\n      .style(\"fill\", lineFillColor);\n\n    chart.selectAll(\".domain\").remove();\n    chart.selectAll(\".tick line\").remove();\n  }, [data, height, lineColor, lineFillColor, containerWidth]);\n\n  return (\n    <div ref={containerRef} style={{ width: width, height: height }}>\n      <svg ref={svgRef} width=\"100%\" height=\"100%\" {...rest}></svg>\n    </div>\n  );\n};\n\nexport default AreaLineChartTwo;\n"],"names":["data","width","height","lineColor","lineFillColor","rest","svgRef","useRef","containerRef","containerWidth","setContainerWidth","useState","useEffect","resizeObserver","ResizeObserver","current","clientWidth","observe","disconnect","svg","d3.select","selectAll","remove","chartWidth","chartHeight","x","d3.scaleLinear","domain","length","range","y","d3.max","d","value","line","d3.line","_","i","area","d3.area","y0","y1","chart","append","attr","datum","style","ref","children"],"mappings":"sdAgBmD,EACjDA,OACAC,QAAQ,OACRC,SAAS,IACTC,YAAY,UACZC,gBAAgB,aACbC,MAEH,MAAMC,EAASC,EAAAA,OAAsB,MAC/BC,EAAeD,EAAAA,OAAuB,OACrCE,EAAgBC,GAAqBC,EAAAA,SAAS,GAyErD,OAvEAC,EAAAA,UAAU,KAER,MAAMC,EAAiB,IAAIC,eAAe,KACpCN,EAAaO,SACfL,EAAkBF,EAAaO,QAAQC,eAS3C,OALIR,EAAaO,UACfF,EAAeI,QAAQT,EAAaO,SACpCL,EAAkBF,EAAaO,QAAQC,cAGlC,IAAMH,EAAeK,cAC3B,IAEHN,EAAAA,UAAU,KACR,GAAuB,IAAnBH,EAAsB,OAE1B,MAAMU,EAAMC,EAAAA,QAAUd,EAAOS,SAC7BI,EAAIE,UAAU,KAAKC,SAEnB,MACMC,EAAad,EADY,EAAU,EAEnCe,EAActB,EAEduB,EAAIC,EAAAA,UAEPC,OAAO,CAAC,EAAG3B,EAAK4B,OAAS,IACzBC,MAAM,CAAC,EAAGN,IAEPO,EAAIJ,EAAAA,UAEPC,OAAO,CAAC,EAAGI,EAAAA,QAAO/B,EAAOgC,GAAiBA,EAAEC,QAAU,IACtDJ,MAAM,CAACL,EAAa,IAEjBU,EAAOC,EAAAA,UAEVV,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdP,EAAGE,GAAMF,EAAEE,EAAEC,QAEVK,EAAOC,EAAAA,UAEVd,EAAE,CAACW,EAAGC,IAAMZ,EAAEY,IACdG,GAAGhB,GACHiB,GAAIT,GAAMF,EAAEE,EAAEC,QAEXS,EAAQvB,EACXwB,OAAO,KACPC,KAAK,YAAa,kBAErBF,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKV,GACVY,MAAM,OAAQ,QACdA,MAAM,SAAU3C,GAChB2C,MAAM,eAAgB,GAEzBJ,EACGC,OAAO,QACPE,MAAM7C,GACN4C,KAAK,QAAS,QACdA,KAAK,IAAKN,GACVQ,MAAM,OAAQ1C,GAEjBsC,EAAMrB,UAAU,WAAWC,SAC3BoB,EAAMrB,UAAU,cAAcC,UAC7B,CAACtB,EAAME,EAAQC,EAAWC,EAAeK,yBAGzC,MAAA,CAAIsC,IAAKvC,EAAcsC,MAAO,CAAE7C,QAAcC,UAC7C8C,8BAAC,MAAA,CAAID,IAAKzC,EAAQL,MAAM,OAAOC,OAAO,UAAWG"}

package/dist/components/checkbox/checkbox/index.esm.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, Checkbox as Checkbox$1 } from "@mui/material";
 import { memo } from "react";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
 import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
 import { RecgtangleIcon } from "../../icons/rectangle/index.esm.js";
+import Checkbox$1 from "../../../node_modules/@mui/material/Checkbox/Checkbox/index.esm.js";
 const StyledCheckbox = styled(Checkbox$1)(({ theme: { palette } }) => {
   var _a, _b, _c, _d;
   return {

package/dist/components/checkbox/checkbox/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\nimport { memo } from 'react';\n\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\n\tpadding: '0rem',\n\tcolor: palette.theme?.secondary[300],\n\tborderRadius: '.625rem',\n\t'&.Mui-checked': {\n\t\tcolor: palette.theme?.primary[600],\n\t\t'&:hover': {\n\t\t\tcolor: palette.theme?.primary[500]\n\t\t}\n\t},\n\t'&.Mui-disabled': {\n\t\tcolor: palette.theme?.secondary[400]\n\t}\n}));\n\nconst Checkbox = memo((props: CheckboxProps) => {\n\treturn (\n\t\t<StyledCheckbox\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size || 'small'} />}\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size || 'small'} />}\n\t\t\tdisableRipple\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport default Checkbox;\n"],"names":["MUICheckbox"],"mappings":";;;;;AAIA,MAAM,iBAAiB,OAAOA,UAAW,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IACvE,SAAS;AAAA,IACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAChC,cAAc;AAAA,IACd,iBAAiB;AAAA,MAChB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAC9B,WAAW;AAAA,QACV,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,IAClC;AAAA,IAED,kBAAkB;AAAA,MACjB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,EAErC;AAAA,CAAE;AAEF,MAAM,WAAW,KAAK,CAAC,UAAyB;AAC/C,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAM,oBAAC,gBAAA,EAAe,WAAU,+BAAO,SAAQ,SAAS;AAAA,MACxD,aAAa,oBAAC,cAAA,EAAa,WAAU,+BAAO,SAAQ,SAAS;AAAA,MAC7D,eAAa;AAAA,MACZ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\nimport { memo } from 'react';\n\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\n\tpadding: '0rem',\n\tcolor: palette.theme?.secondary[300],\n\tborderRadius: '.625rem',\n\t'&.Mui-checked': {\n\t\tcolor: palette.theme?.primary[600],\n\t\t'&:hover': {\n\t\t\tcolor: palette.theme?.primary[500]\n\t\t}\n\t},\n\t'&.Mui-disabled': {\n\t\tcolor: palette.theme?.secondary[400]\n\t}\n}));\n\nconst Checkbox = memo((props: CheckboxProps) => {\n\treturn (\n\t\t<StyledCheckbox\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size || 'small'} />}\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size || 'small'} />}\n\t\t\tdisableRipple\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport default Checkbox;\n"],"names":["MUICheckbox"],"mappings":";;;;;;AAIA,MAAM,iBAAiB,OAAOA,UAAW,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IACvE,SAAS;AAAA,IACT,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAChC,cAAc;AAAA,IACd,iBAAiB;AAAA,MAChB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAC9B,WAAW;AAAA,QACV,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAAG;AAAA,IAClC;AAAA,IAED,kBAAkB;AAAA,MACjB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,EAErC;AAAA,CAAE;AAEF,MAAM,WAAW,KAAK,CAAC,UAAyB;AAC/C,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAM,oBAAC,gBAAA,EAAe,WAAU,+BAAO,SAAQ,SAAS;AAAA,MACxD,aAAa,oBAAC,cAAA,EAAa,WAAU,+BAAO,SAAQ,SAAS;AAAA,MAC7D,eAAa;AAAA,MACZ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/checkbox/checkbox/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react"),i=require("../../icons/check-box/index.js"),l=require("../../icons/rectangle/index.js");const c=r.styled(r.Checkbox)(({theme:{palette:e}})=>{var r,o,i,l;return{padding:"0rem",color:null==(r=e.theme)?void 0:r.secondary[300],borderRadius:".625rem","&.Mui-checked":{color:null==(o=e.theme)?void 0:o.primary[600],"&:hover":{color:null==(i=e.theme)?void 0:i.primary[500]}},"&.Mui-disabled":{color:null==(l=e.theme)?void 0:l.secondary[400]}}}),n=o.memo(r=>/* @__PURE__ */e.jsx(c,{icon:/* @__PURE__ */e.jsx(l.RecgtangleIcon,{fontSize:(null==r?void 0:r.size)||"small"}),checkedIcon:/* @__PURE__ */e.jsx(i.CheckBoxIcon,{fontSize:(null==r?void 0:r.size)||"small"}),disableRipple:!0,...r}));exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../icons/check-box/index.js"),l=require("../../icons/rectangle/index.js"),d=require("../../../node_modules/@mui/material/Checkbox/Checkbox/index.js");const s=o.default(d.default)(({theme:{palette:e}})=>{var r,o,i,l;return{padding:"0rem",color:null==(r=e.theme)?void 0:r.secondary[300],borderRadius:".625rem","&.Mui-checked":{color:null==(o=e.theme)?void 0:o.primary[600],"&:hover":{color:null==(i=e.theme)?void 0:i.primary[500]}},"&.Mui-disabled":{color:null==(l=e.theme)?void 0:l.secondary[400]}}}),n=r.memo(r=>/* @__PURE__ */e.jsx(s,{icon:/* @__PURE__ */e.jsx(l.RecgtangleIcon,{fontSize:(null==r?void 0:r.size)||"small"}),checkedIcon:/* @__PURE__ */e.jsx(i.CheckBoxIcon,{fontSize:(null==r?void 0:r.size)||"small"}),disableRipple:!0,...r}));exports.default=n;
 //# sourceMappingURL=index.js.map

package/dist/components/checkbox/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\nimport { memo } from 'react';\n\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\n\tpadding: '0rem',\n\tcolor: palette.theme?.secondary[300],\n\tborderRadius: '.625rem',\n\t'&.Mui-checked': {\n\t\tcolor: palette.theme?.primary[600],\n\t\t'&:hover': {\n\t\t\tcolor: palette.theme?.primary[500]\n\t\t}\n\t},\n\t'&.Mui-disabled': {\n\t\tcolor: palette.theme?.secondary[400]\n\t}\n}));\n\nconst Checkbox = memo((props: CheckboxProps) => {\n\treturn (\n\t\t<StyledCheckbox\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size || 'small'} />}\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size || 'small'} />}\n\t\t\tdisableRipple\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport default Checkbox;\n"],"names":["StyledCheckbox","styled","MUICheckbox","theme","palette","padding","color","_a","secondary","borderRadius","_b","primary","_c","_d","Checkbox","memo","props","jsx","icon","RecgtangleIcon","fontSize","size","checkedIcon","CheckBoxIcon","disableRipple"],"mappings":"6OAIA,MAAMA,EAAiBC,EAAAA,OAAOC,WAAPD,CAAoB,EAAGE,OAASC,2BAAiB,MAAA,CACvEC,QAAS,OACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChCC,aAAc,UACd,gBAAiB,CAChBH,MAAO,OAAAI,EAAAN,EAAQD,YAAR,EAAAO,EAAeC,QAAQ,KAC9B,UAAW,CACVL,MAAO,OAAAM,EAAAR,EAAQD,YAAR,EAAAS,EAAeD,QAAQ,OAGhC,iBAAkB,CACjBL,MAAO,OAAAO,EAAAT,EAAQD,YAAR,EAAAU,EAAeL,UAAU,SAI5BM,EAAWC,EAAAA,KAAMC,kBAErBC,EAAAA,IAACjB,EAAA,CACAkB,oBAAMD,EAAAA,IAACE,iBAAA,CAAeC,UAAU,MAAAJ,OAAA,EAAAA,EAAOK,OAAQ,UAC/CC,2BAAaL,EAAAA,IAACM,eAAA,CAAaH,UAAU,MAAAJ,OAAA,EAAAA,EAAOK,OAAQ,UACpDG,eAAa,KACTR"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { CheckboxProps, Checkbox as MUICheckbox, styled } from '@mui/material';\nimport { CheckBoxIcon, RecgtangleIcon } from '../icons';\nimport { memo } from 'react';\n\nconst StyledCheckbox = styled(MUICheckbox)(({ theme: { palette } }) => ({\n\tpadding: '0rem',\n\tcolor: palette.theme?.secondary[300],\n\tborderRadius: '.625rem',\n\t'&.Mui-checked': {\n\t\tcolor: palette.theme?.primary[600],\n\t\t'&:hover': {\n\t\t\tcolor: palette.theme?.primary[500]\n\t\t}\n\t},\n\t'&.Mui-disabled': {\n\t\tcolor: palette.theme?.secondary[400]\n\t}\n}));\n\nconst Checkbox = memo((props: CheckboxProps) => {\n\treturn (\n\t\t<StyledCheckbox\n\t\t\ticon={<RecgtangleIcon fontSize={props?.size || 'small'} />}\n\t\t\tcheckedIcon={<CheckBoxIcon fontSize={props?.size || 'small'} />}\n\t\t\tdisableRipple\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nexport default Checkbox;\n"],"names":["StyledCheckbox","styled","MUICheckbox","theme","palette","padding","color","_a","secondary","borderRadius","_b","primary","_c","_d","Checkbox","memo","props","jsx","icon","RecgtangleIcon","fontSize","size","checkedIcon","CheckBoxIcon","disableRipple"],"mappings":"sWAIA,MAAMA,EAAiBC,EAAAA,QAAOC,UAAPD,CAAoB,EAAGE,OAASC,2BAAiB,MAAA,CACvEC,QAAS,OACTC,MAAO,OAAAC,EAAAH,EAAQD,YAAR,EAAAI,EAAeC,UAAU,KAChCC,aAAc,UACd,gBAAiB,CAChBH,MAAO,OAAAI,EAAAN,EAAQD,YAAR,EAAAO,EAAeC,QAAQ,KAC9B,UAAW,CACVL,MAAO,OAAAM,EAAAR,EAAQD,YAAR,EAAAS,EAAeD,QAAQ,OAGhC,iBAAkB,CACjBL,MAAO,OAAAO,EAAAT,EAAQD,YAAR,EAAAU,EAAeL,UAAU,SAI5BM,EAAWC,EAAAA,KAAMC,kBAErBC,EAAAA,IAACjB,EAAA,CACAkB,oBAAMD,EAAAA,IAACE,iBAAA,CAAeC,UAAU,MAAAJ,OAAA,EAAAA,EAAOK,OAAQ,UAC/CC,2BAAaL,EAAAA,IAACM,eAAA,CAAaH,UAAU,MAAAJ,OAAA,EAAAA,EAAOK,OAAQ,UACpDG,eAAa,KACTR"}

package/dist/components/chip/chip/index.esm.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, Chip as Chip$1 } from "@mui/material";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Chip$1 from "../../../node_modules/@mui/material/Chip/Chip/index.esm.js";
 const StyledChip = styled(Chip$1)(
   ({ theme: { palette }, active, type, inActive }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;

package/dist/components/chip/chip/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n  type?: \"rounded\" | \"normal\";\n  active?: boolean;\n  inActive?: boolean;\n  label?: string | React.ReactNode | number | JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n  ({ theme: { palette }, active, type, inActive }) => ({\n    cursor: \"pointer\",\n    fontSize: \".75rem\",\n    color: palette.theme?.secondary[800],\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n    backgroundColor: palette.theme?.secondary[200],\n    ...(active && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.primary[700],\n        backgroundColor: palette.theme?.primary[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.primary[800],\n        borderColor: palette.theme?.primary[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n    }),\n    ...(inActive && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.error[700],\n        backgroundColor: palette.theme?.error[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.error[800],\n        borderColor: palette.theme?.error[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n    }),\n\n    \"& .MuiChip-icon\": {\n      marginRight: \"0.125rem\",\n      marginLeft: \"0rem\",\n      color: \"inherit\",\n    },\n    \"& .MuiChip-deleteIcon\": {\n      marginLeft: \"0.25rem\",\n      fontSize: \".875rem\",\n      color: \"inherit\",\n      marginRight: \"0rem\",\n    },\n    \"&.MuiChip-root\": {\n      height: \"fit-content\",\n      padding: \"0.25rem 0.5rem\",\n      \".MuiChip-label\": {\n        padding: \"0rem\",\n      },\n    },\n  }),\n);\n\nconst Chip = (props: IChip) => {\n  const {\n    label,\n    type = \"rounded\",\n    variant = \"filled\",\n    active = false,\n    inActive = false,\n    ...rest\n  } = props;\n\n  return (\n    <StyledChip\n      label={label}\n      variant={variant}\n      active={active}\n      inActive={inActive}\n      type={type}\n      {...rest}\n    />\n  );\n};\n\nexport default Chip;\n"],"names":["MUIChip"],"mappings":";;AASA,MAAM,aAAa,OAAOA,MAAO;AAAA,EAC/B,CAAC,EAAE,OAAO,EAAE,WAAW,QAAQ,MAAM,eAAS;;AAAO;AAAA,MACnD,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc,SAAS,YAAY,WAAW;AAAA,MAC9C,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,GAAI,UAAU;AAAA,QACZ,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACxC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACpC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,MAEF,GAAI,YAAY;AAAA,QACd,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UACtC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAClC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,MACF;AAAA,MAGF,mBAAmB;AAAA,QACjB,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA,MAET,yBAAyB;AAAA,QACvB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,kBAAkB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,OAAO,CAAC,UAAiB;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n  type?: \"rounded\" | \"normal\";\n  active?: boolean;\n  inActive?: boolean;\n  label?: string | React.ReactNode | number | JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n  ({ theme: { palette }, active, type, inActive }) => ({\n    cursor: \"pointer\",\n    fontSize: \".75rem\",\n    color: palette.theme?.secondary[800],\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n    backgroundColor: palette.theme?.secondary[200],\n    ...(active && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.primary[700],\n        backgroundColor: palette.theme?.primary[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.primary[800],\n        borderColor: palette.theme?.primary[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n    }),\n    ...(inActive && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.error[700],\n        backgroundColor: palette.theme?.error[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.error[800],\n        borderColor: palette.theme?.error[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n    }),\n\n    \"& .MuiChip-icon\": {\n      marginRight: \"0.125rem\",\n      marginLeft: \"0rem\",\n      color: \"inherit\",\n    },\n    \"& .MuiChip-deleteIcon\": {\n      marginLeft: \"0.25rem\",\n      fontSize: \".875rem\",\n      color: \"inherit\",\n      marginRight: \"0rem\",\n    },\n    \"&.MuiChip-root\": {\n      height: \"fit-content\",\n      padding: \"0.25rem 0.5rem\",\n      \".MuiChip-label\": {\n        padding: \"0rem\",\n      },\n    },\n  }),\n);\n\nconst Chip = (props: IChip) => {\n  const {\n    label,\n    type = \"rounded\",\n    variant = \"filled\",\n    active = false,\n    inActive = false,\n    ...rest\n  } = props;\n\n  return (\n    <StyledChip\n      label={label}\n      variant={variant}\n      active={active}\n      inActive={inActive}\n      type={type}\n      {...rest}\n    />\n  );\n};\n\nexport default Chip;\n"],"names":["MUIChip"],"mappings":";;;AASA,MAAM,aAAa,OAAOA,MAAO;AAAA,EAC/B,CAAC,EAAE,OAAO,EAAE,WAAW,QAAQ,MAAM,eAAS;;AAAO;AAAA,MACnD,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc,SAAS,YAAY,WAAW;AAAA,MAC9C,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,GAAI,UAAU;AAAA,QACZ,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACxC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACpC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,MAEF,GAAI,YAAY;AAAA,QACd,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UACtC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAClC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,MACF;AAAA,MAGF,mBAAmB;AAAA,QACjB,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA,MAET,yBAAyB;AAAA,QACvB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,kBAAkB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,OAAO,CAAC,UAAiB;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/chip/chip/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");const o=r.styled(r.Chip)(({theme:{palette:e},active:r,type:o,inActive:i})=>{var l,t,n,d,u,a,m,h,c,v,p,C,g,b;return{cursor:"pointer",fontSize:".75rem",color:null==(l=e.theme)?void 0:l.secondary[800],borderRadius:"rounded"===o?"1.5rem":"0.25rem",backgroundColor:null==(t=e.theme)?void 0:t.secondary[200],...r&&{"&.MuiChip-filled":{color:null==(n=e.theme)?void 0:n.primary[700],backgroundColor:null==(d=e.theme)?void 0:d.primary[200],"&:hover":{backgroundColor:null==(u=e.theme)?void 0:u.primary[200]}},"&.MuiChip-outlined":{color:null==(a=e.theme)?void 0:a.primary[800],borderColor:null==(m=e.theme)?void 0:m.primary[300],"&:hover":{backgroundColor:null==(h=e.theme)?void 0:h.primary[200]}}},...i&&{"&.MuiChip-filled":{color:null==(c=e.theme)?void 0:c.error[700],backgroundColor:null==(v=e.theme)?void 0:v.error[200],"&:hover":{backgroundColor:null==(p=e.theme)?void 0:p.error[200]}},"&.MuiChip-outlined":{color:null==(C=e.theme)?void 0:C.error[800],borderColor:null==(g=e.theme)?void 0:g.error[300],"&:hover":{backgroundColor:null==(b=e.theme)?void 0:b.error[200]}}},"& .MuiChip-icon":{marginRight:"0.125rem",marginLeft:"0rem",color:"inherit"},"& .MuiChip-deleteIcon":{marginLeft:"0.25rem",fontSize:".875rem",color:"inherit",marginRight:"0rem"},"&.MuiChip-root":{height:"fit-content",padding:"0.25rem 0.5rem",".MuiChip-label":{padding:"0rem"}}}});exports.default=r=>{const{label:i,type:l="rounded",variant:t="filled",active:n=!1,inActive:d=!1,...u}=r;/* @__PURE__ */
-return e.jsx(o,{label:i,variant:t,active:n,inActive:d,type:l,...u})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../node_modules/@mui/material/Chip/Chip/index.js");const i=r.default(o.default)(({theme:{palette:e},active:r,type:o,inActive:i})=>{var l,t,n,d,u,a,m,h,c,v,p,s,C,g;return{cursor:"pointer",fontSize:".75rem",color:null==(l=e.theme)?void 0:l.secondary[800],borderRadius:"rounded"===o?"1.5rem":"0.25rem",backgroundColor:null==(t=e.theme)?void 0:t.secondary[200],...r&&{"&.MuiChip-filled":{color:null==(n=e.theme)?void 0:n.primary[700],backgroundColor:null==(d=e.theme)?void 0:d.primary[200],"&:hover":{backgroundColor:null==(u=e.theme)?void 0:u.primary[200]}},"&.MuiChip-outlined":{color:null==(a=e.theme)?void 0:a.primary[800],borderColor:null==(m=e.theme)?void 0:m.primary[300],"&:hover":{backgroundColor:null==(h=e.theme)?void 0:h.primary[200]}}},...i&&{"&.MuiChip-filled":{color:null==(c=e.theme)?void 0:c.error[700],backgroundColor:null==(v=e.theme)?void 0:v.error[200],"&:hover":{backgroundColor:null==(p=e.theme)?void 0:p.error[200]}},"&.MuiChip-outlined":{color:null==(s=e.theme)?void 0:s.error[800],borderColor:null==(C=e.theme)?void 0:C.error[300],"&:hover":{backgroundColor:null==(g=e.theme)?void 0:g.error[200]}}},"& .MuiChip-icon":{marginRight:"0.125rem",marginLeft:"0rem",color:"inherit"},"& .MuiChip-deleteIcon":{marginLeft:"0.25rem",fontSize:".875rem",color:"inherit",marginRight:"0rem"},"&.MuiChip-root":{height:"fit-content",padding:"0.25rem 0.5rem",".MuiChip-label":{padding:"0rem"}}}});exports.default=r=>{const{label:o,type:l="rounded",variant:t="filled",active:n=!1,inActive:d=!1,...u}=r;/* @__PURE__ */
+return e.jsx(i,{label:o,variant:t,active:n,inActive:d,type:l,...u})};
 //# sourceMappingURL=index.js.map

package/dist/components/chip/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n  type?: \"rounded\" | \"normal\";\n  active?: boolean;\n  inActive?: boolean;\n  label?: string | React.ReactNode | number | JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n  ({ theme: { palette }, active, type, inActive }) => ({\n    cursor: \"pointer\",\n    fontSize: \".75rem\",\n    color: palette.theme?.secondary[800],\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n    backgroundColor: palette.theme?.secondary[200],\n    ...(active && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.primary[700],\n        backgroundColor: palette.theme?.primary[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.primary[800],\n        borderColor: palette.theme?.primary[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n    }),\n    ...(inActive && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.error[700],\n        backgroundColor: palette.theme?.error[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.error[800],\n        borderColor: palette.theme?.error[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n    }),\n\n    \"& .MuiChip-icon\": {\n      marginRight: \"0.125rem\",\n      marginLeft: \"0rem\",\n      color: \"inherit\",\n    },\n    \"& .MuiChip-deleteIcon\": {\n      marginLeft: \"0.25rem\",\n      fontSize: \".875rem\",\n      color: \"inherit\",\n      marginRight: \"0rem\",\n    },\n    \"&.MuiChip-root\": {\n      height: \"fit-content\",\n      padding: \"0.25rem 0.5rem\",\n      \".MuiChip-label\": {\n        padding: \"0rem\",\n      },\n    },\n  }),\n);\n\nconst Chip = (props: IChip) => {\n  const {\n    label,\n    type = \"rounded\",\n    variant = \"filled\",\n    active = false,\n    inActive = false,\n    ...rest\n  } = props;\n\n  return (\n    <StyledChip\n      label={label}\n      variant={variant}\n      active={active}\n      inActive={inActive}\n      type={type}\n      {...rest}\n    />\n  );\n};\n\nexport default Chip;\n"],"names":["StyledChip","styled","MUIChip","theme","palette","active","type","inActive","cursor","fontSize","color","_a","secondary","borderRadius","backgroundColor","_b","_c","primary","_d","_e","_f","borderColor","_g","_h","_i","error","_j","_k","_l","_m","_n","marginRight","marginLeft","height","padding","props","label","variant","rest","jsx"],"mappings":"kIASA,MAAMA,EAAaC,EAAAA,OAAOC,OAAPD,CACjB,EAAGE,OAASC,WAAWC,SAAQC,OAAMC,+CAAgB,MAAA,CACnDC,OAAQ,UACRC,SAAU,SACVC,MAAO,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,UAAU,KAChCC,aAAuB,YAATP,EAAqB,SAAW,UAC9CQ,gBAAiB,OAAAC,EAAAX,EAAQD,YAAR,EAAAY,EAAeH,UAAU,QACtCP,GAAU,CACZ,mBAAoB,CAClBK,MAAO,OAAAM,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAd,EAAQD,YAAR,EAAAe,EAAeD,QAAQ,KACxC,UAAW,CACTH,gBAAiB,OAAAK,EAAAf,EAAQD,YAAR,EAAAgB,EAAeF,QAAQ,OAG5C,qBAAsB,CACpBP,MAAO,OAAAU,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeH,QAAQ,KAC9BI,YAAa,OAAAC,EAAAlB,EAAQD,YAAR,EAAAmB,EAAeL,QAAQ,KACpC,UAAW,CACTH,gBAAiB,OAAAS,EAAAnB,EAAQD,YAAR,EAAAoB,EAAeN,QAAQ,WAI1CV,GAAY,CACd,mBAAoB,CAClBG,MAAO,OAAAc,EAAApB,EAAQD,YAAR,EAAAqB,EAAeC,MAAM,KAC5BX,gBAAiB,OAAAY,EAAAtB,EAAQD,YAAR,EAAAuB,EAAeD,MAAM,KACtC,UAAW,CACTX,gBAAiB,OAAAa,EAAAvB,EAAQD,YAAR,EAAAwB,EAAeF,MAAM,OAG1C,qBAAsB,CACpBf,MAAO,OAAAkB,EAAAxB,EAAQD,YAAR,EAAAyB,EAAeH,MAAM,KAC5BJ,YAAa,OAAAQ,EAAAzB,EAAQD,YAAR,EAAA0B,EAAeJ,MAAM,KAClC,UAAW,CACTX,gBAAiB,OAAAgB,EAAA1B,EAAQD,YAAR,EAAA2B,EAAeL,MAAM,QAK5C,kBAAmB,CACjBM,YAAa,WACbC,WAAY,OACZtB,MAAO,WAET,wBAAyB,CACvBsB,WAAY,UACZvB,SAAU,UACVC,MAAO,UACPqB,YAAa,QAEf,iBAAkB,CAChBE,OAAQ,cACRC,QAAS,iBACT,iBAAkB,CAChBA,QAAS,4BAMHC,IACZ,MAAMC,MACJA,EAAA9B,KACAA,EAAO,UAAA+B,QACPA,EAAU,SAAAhC,OACVA,GAAS,EAAAE,SACTA,GAAW,KACR+B,GACDH;AAEJ,OACEI,EAAAA,IAACvC,EAAA,CACCoC,QACAC,UACAhC,SACAE,WACAD,UACIgC"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n  type?: \"rounded\" | \"normal\";\n  active?: boolean;\n  inActive?: boolean;\n  label?: string | React.ReactNode | number | JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n  ({ theme: { palette }, active, type, inActive }) => ({\n    cursor: \"pointer\",\n    fontSize: \".75rem\",\n    color: palette.theme?.secondary[800],\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n    backgroundColor: palette.theme?.secondary[200],\n    ...(active && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.primary[700],\n        backgroundColor: palette.theme?.primary[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.primary[800],\n        borderColor: palette.theme?.primary[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n    }),\n    ...(inActive && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.error[700],\n        backgroundColor: palette.theme?.error[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.error[800],\n        borderColor: palette.theme?.error[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n    }),\n\n    \"& .MuiChip-icon\": {\n      marginRight: \"0.125rem\",\n      marginLeft: \"0rem\",\n      color: \"inherit\",\n    },\n    \"& .MuiChip-deleteIcon\": {\n      marginLeft: \"0.25rem\",\n      fontSize: \".875rem\",\n      color: \"inherit\",\n      marginRight: \"0rem\",\n    },\n    \"&.MuiChip-root\": {\n      height: \"fit-content\",\n      padding: \"0.25rem 0.5rem\",\n      \".MuiChip-label\": {\n        padding: \"0rem\",\n      },\n    },\n  }),\n);\n\nconst Chip = (props: IChip) => {\n  const {\n    label,\n    type = \"rounded\",\n    variant = \"filled\",\n    active = false,\n    inActive = false,\n    ...rest\n  } = props;\n\n  return (\n    <StyledChip\n      label={label}\n      variant={variant}\n      active={active}\n      inActive={inActive}\n      type={type}\n      {...rest}\n    />\n  );\n};\n\nexport default Chip;\n"],"names":["StyledChip","styled","MUIChip","theme","palette","active","type","inActive","cursor","fontSize","color","_a","secondary","borderRadius","backgroundColor","_b","_c","primary","_d","_e","_f","borderColor","_g","_h","_i","error","_j","_k","_l","_m","_n","marginRight","marginLeft","height","padding","props","label","variant","rest","jsx"],"mappings":"mPASA,MAAMA,EAAaC,EAAAA,QAAOC,UAAPD,CACjB,EAAGE,OAASC,WAAWC,SAAQC,OAAMC,+CAAgB,MAAA,CACnDC,OAAQ,UACRC,SAAU,SACVC,MAAO,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,UAAU,KAChCC,aAAuB,YAATP,EAAqB,SAAW,UAC9CQ,gBAAiB,OAAAC,EAAAX,EAAQD,YAAR,EAAAY,EAAeH,UAAU,QACtCP,GAAU,CACZ,mBAAoB,CAClBK,MAAO,OAAAM,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAd,EAAQD,YAAR,EAAAe,EAAeD,QAAQ,KACxC,UAAW,CACTH,gBAAiB,OAAAK,EAAAf,EAAQD,YAAR,EAAAgB,EAAeF,QAAQ,OAG5C,qBAAsB,CACpBP,MAAO,OAAAU,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeH,QAAQ,KAC9BI,YAAa,OAAAC,EAAAlB,EAAQD,YAAR,EAAAmB,EAAeL,QAAQ,KACpC,UAAW,CACTH,gBAAiB,OAAAS,EAAAnB,EAAQD,YAAR,EAAAoB,EAAeN,QAAQ,WAI1CV,GAAY,CACd,mBAAoB,CAClBG,MAAO,OAAAc,EAAApB,EAAQD,YAAR,EAAAqB,EAAeC,MAAM,KAC5BX,gBAAiB,OAAAY,EAAAtB,EAAQD,YAAR,EAAAuB,EAAeD,MAAM,KACtC,UAAW,CACTX,gBAAiB,OAAAa,EAAAvB,EAAQD,YAAR,EAAAwB,EAAeF,MAAM,OAG1C,qBAAsB,CACpBf,MAAO,OAAAkB,EAAAxB,EAAQD,YAAR,EAAAyB,EAAeH,MAAM,KAC5BJ,YAAa,OAAAQ,EAAAzB,EAAQD,YAAR,EAAA0B,EAAeJ,MAAM,KAClC,UAAW,CACTX,gBAAiB,OAAAgB,EAAA1B,EAAQD,YAAR,EAAA2B,EAAeL,MAAM,QAK5C,kBAAmB,CACjBM,YAAa,WACbC,WAAY,OACZtB,MAAO,WAET,wBAAyB,CACvBsB,WAAY,UACZvB,SAAU,UACVC,MAAO,UACPqB,YAAa,QAEf,iBAAkB,CAChBE,OAAQ,cACRC,QAAS,iBACT,iBAAkB,CAChBA,QAAS,4BAMHC,IACZ,MAAMC,MACJA,EAAA9B,KACAA,EAAO,UAAA+B,QACPA,EAAU,SAAAhC,OACVA,GAAS,EAAAE,SACTA,GAAW,KACR+B,GACDH;AAEJ,OACEI,EAAAA,IAACvC,EAAA,CACCoC,QACAC,UACAhC,SACAE,WACAD,UACIgC"}

package/dist/components/chip-generator/chip-generator/index.esm.js

@@ -1,8 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useState, useRef } from "react";
 import { Controller } from "react-hook-form";
-import { FormControl, styled, InputAdornment, FormHelperText, Box, Chip } from "@mui/material";
 import { Typography } from "../../typography/typography/index.esm.js";
+import FormControl from "../../../node_modules/@mui/material/FormControl/FormControl/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import InputAdornment from "../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
+import FormHelperText from "../../../node_modules/@mui/material/FormHelperText/FormHelperText/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Chip from "../../../node_modules/@mui/material/Chip/Chip/index.esm.js";
 const ChipContainer = styled(Box)(({ theme }) => ({
   display: "flex",
   flexWrap: "wrap",

package/dist/components/chip-generator/chip-generator/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip-generator/chip-generator.tsx"],"sourcesContent":["//eslint-disable @typescript-eslint/no-explicit-any\nimport React, { useState, useRef, KeyboardEvent, memo } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { \n  Chip, \n  Box, \n  FormControl, \n  FormHelperText,\n  InputAdornment,\n  styled\n} from '@mui/material';\nimport Typography from '../typography/typography';\n\n// interface ValidationRule {\n//   type: 'email' | 'url' | 'phone' | 'custom';\n//   pattern?: RegExp;\n//   message: string;\n//   validator?: (value: string) => boolean;\n// }\n\ninterface ChipGeneratorProps {\n  name: string;\n  control: any;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  disabled?: boolean;\n  validation?: any[];\n  maxChips?: number;\n  allowDuplicates?: boolean;\n  fieldArrayName?: string;\n  endIcon?: React.ReactNode;\n  helperText?: string;\n  error?: boolean;\n  onChipAdd?: (chip: string) => void;\n  onChipRemove?: (chip: string, index: number) => void;\n  customChipProps?: any;\n  textFieldProps?: any;\n  allowMultipleAdd?: boolean;\n  delimiters?: string[];\n  // New props for data type handling\n  dataType?: 'array' | 'string';\n  separator?: string;\n}\n\n// Styled components for inline chips\nconst ChipContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  minHeight: '1.4375em',\n  border: `1px solid #D3D3D4`,\n  borderRadius: '0.25rem',\n  cursor: 'text',\n  fontSize: '0.875rem',\n//   '&:hover': {\n//     borderColor: theme.palette.text.primary,\n//   },\n  '&.focused': {\n    borderColor:'#54CC96',\n    borderWidth: '1px',\n  },\n  '&.error': {\n    borderColor: theme.palette.error.main,\n  },\n  '&.disabled': {\n    backgroundColor: theme.palette.action.disabledBackground,\n    cursor: 'default',\n  },\n  paddingLeft: 3  \n}));\n\nconst InlineInput = styled('input')(({ theme }) => ({\n  border: 'none',\n  outline: 'none',\n  backgroundColor: 'transparent',\n  flexGrow: 1,\n  minWidth: '120px',\n  padding: '0.5rem',\n  fontSize: '0.875rem',\n  fontFamily: theme.typography.fontFamily,\n  '&::placeholder': {\n    color: theme.palette.text.secondary,\n    opacity: 1,\n  },\n  '&:disabled': {\n    cursor: 'default',\n  }\n}));\n\nconst InlineChip = styled(Chip)(({theme: { palette }}) => ({\n  height: '24px',\n  fontSize: '0.875rem',\n  borderColor:' #54CC96',\n  backgroundColor: palette.theme.primary[50],\n  color:'#2EB273',\n  margin: '1px',\n  '& .MuiChip-deleteIcon': {\n    fontSize: '16px',\n    color:'#2EB273',\n    '&:hover': {\n      color: '#2EB273',\n    },\n  },\n}));\n\nconst ChipGenerator: React.FC<ChipGeneratorProps> = memo(({\n  name,\n  control,\n  label,\n  placeholder = \"Type and press space to add\",\n  required = false,\n  disabled = false,\n  validation,\n  maxChips,\n  allowDuplicates = false,\n  fieldArrayName,\n  endIcon,\n  helperText,\n  error: externalError,\n  onChipAdd,\n  onChipRemove,\n  customChipProps = {},\n  allowMultipleAdd = true,\n  delimiters = [',', ';', '\\n', '\\t'],\n  dataType = 'string',\n  separator = ',',\n}) => {\n  const [inputValue, setInputValue] = useState('');\n  const [validationError, setValidationError] = useState('');\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const validateChip = (value: string,validation: any): { isValid: boolean; error: string } => {\n    if (!validation) return { isValid: true, error: '' };\n\n    const trimmedValue = value.trim();\n    if (!trimmedValue) return { isValid: false, error: 'Empty values are not allowed' };\n\n    switch (validation.type) {\n      case 'email': {\n        const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n        const isValidEmail = emailRegex.test(trimmedValue);\n        return {\n          isValid: isValidEmail,\n          error: isValidEmail ? '' : validation.message || 'Please enter a valid email address'\n        };\n      }\n\n    //   case 'url': {\n    //     const urlRegex = /^(https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-]*)*\\/?$/;\n    //     const isValidUrl = urlRegex.test(trimmedValue);\n    //     return {\n    //       isValid: isValidUrl,\n    //       error: isValidUrl ? '' : validation.message || 'Please enter a valid URL'\n    //     };\n    //   }\n\n      case 'phone': {\n        const phoneRegex = /^[+]?[1-9][\\d]{0,15}$/;\n        const isValidPhone = phoneRegex.test(trimmedValue.replace(/[\\s()-]/g, ''));\n        return {\n          isValid: isValidPhone,\n          error: isValidPhone ? '' : validation.message || 'Please enter a valid phone number'\n        };\n      }\n\n      case 'custom': {\n        if (validation.pattern) {\n          const isValid = validation.pattern.test(trimmedValue);\n          return {\n            isValid,\n            error: isValid ? '' : validation.message\n          };\n        }\n        if (validation.validator) {\n          const isValid = validation.validator(trimmedValue);\n          return {\n            isValid,\n            error: isValid ? '' : validation.message\n          };\n        }\n        return { isValid: true, error: '' };\n      }\n\n      default:\n        return { isValid: true, error: '' };\n    }\n  };\n\n  // Convert between string and array formats\n  const stringToArray = (str: string): string[] => {\n    if (!str || typeof str !== 'string') return [];\n    return str.split(separator).map(item => item.trim()).filter(Boolean);\n  };\n\n  const arrayToString = (arr: string[]): string => {\n    return arr.join(separator + ' ');\n  };\n\n  // Parse input value by delimiters\n  const parseMultipleValues = (inputStr: string): string[] => {\n    if (!allowMultipleAdd) {\n      return [inputStr.trim()].filter(Boolean);\n    }\n\n    const delimiterPattern = delimiters.map(d => \n      d.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n    ).join('|');\n    \n    const regex = new RegExp(`[${delimiterPattern}]`);\n    \n    return inputStr\n      .split(regex)\n      .map(val => val.trim())\n      .filter(Boolean);\n  };\n\n  const addChips = (inputStr: string, currentChips: string[]): { \n    newChips: string[]; \n    errors: string[]; \n    addedCount: number;\n  } => {\n    const valuesToAdd = parseMultipleValues(inputStr);\n    if (valuesToAdd.length === 0) {\n      return { newChips: currentChips, errors: [], addedCount: 0 };\n    }\n\n    const newChips = [...currentChips];\n    const errors: string[] = [];\n    let addedCount = 0;\n\n    for (const value of valuesToAdd) {\n      if (maxChips && newChips.length >= maxChips) {\n        errors.push(`Maximum ${maxChips} items allowed`);\n        break;\n      }\n \n    if (validation?.length > 0) {\n      const errorMessages = validation\n        .map(val => validateChip(value, val))\n        .filter(result => !result.isValid)\n        .map(result => result.error);\n\n      if (errorMessages.length > 0) {\n        errors.push(`\"${value}\": ${errorMessages.join(', ')}`);\n        continue;\n      }\n    }\n   \n\n      if (!allowDuplicates && newChips.includes(value)) {\n        errors.push(`\"${value}\": Duplicate values are not allowed`);\n        continue;\n      }\n\n      newChips.push(value);\n      addedCount++;\n      onChipAdd?.(value);\n    }\n\n    return { newChips, errors, addedCount };\n  };\n\n  const removeChip = (chipToRemove: string, index: number, currentChips: string[]) => {\n    const newChips = currentChips.filter((_, i) => i !== index);\n    onChipRemove?.(chipToRemove, index);\n    setValidationError('');\n    return newChips;\n  };\n\n  const processInput = (\n    inputStr: string,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n    const { newChips, errors } = addChips(inputStr, currentChips);\n    \n    if (errors.length > 0) {\n      setValidationError(errors.join('; '));\n    } else {\n      setValidationError('');\n    }\n    \n    if (newChips.length !== currentChips.length) {\n      const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n      onChange(outputValue);\n      setInputValue('');\n    }\n  };\n\n  const handleKeyPress = (\n    event: KeyboardEvent<HTMLInputElement>,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      if (inputValue.trim()) {\n        processInput(inputValue, onChange, currentValue);\n      }\n    } else if (event.key === 'Backspace' && !inputValue) {\n      const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n      if (currentChips.length > 0) {\n        const lastIndex = currentChips.length - 1;\n        const newChips = removeChip(currentChips[lastIndex], lastIndex, currentChips);\n        const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n        onChange(outputValue);\n      }\n    }\n  };\n\n  const handleBlur = (\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    setFocused(false);\n    if (inputValue.trim()) {\n      processInput(inputValue, onChange, currentValue);\n    }\n  };\n\n  const handlePaste = (\n    event: React.ClipboardEvent<HTMLInputElement>,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    if (allowMultipleAdd) {\n      event.preventDefault();\n      const pastedText = event.clipboardData.getData('text');\n      const combinedInput = inputValue + pastedText;\n      processInput(combinedInput, onChange, currentValue);\n    }\n  };\n\n  const handleContainerClick = () => {\n    if (!disabled && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const fieldName = fieldArrayName ? `${fieldArrayName}.${name}` : name;\n\n  return (\n    <Controller\n      name={fieldName}\n      control={control}\n      defaultValue={dataType === 'string' ? '' : []}\n      render={({ field: { onChange, value, ...field }, fieldState: { error } }) => {\n        const currentChips = Array.isArray(value) ? value : stringToArray(value || '');\n        const hasError = !!error || !!validationError || externalError;\n\n        return (\n          <FormControl fullWidth error={hasError}>\n            {label && (\n           <Typography\n                   type=\"s5\"\n                   weight={\"medium\"}\n                   mb={0.5}\n                   color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n                 >\n                   {label} {required && <span className=\"requiredStar\">*</span>}\n                 </Typography>\n            )}\n\n            <ChipContainer\n              ref={containerRef}\n              className={`${focused ? 'focused' : ''} ${hasError ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n              onClick={handleContainerClick}\n            >\n              {currentChips.map((chip: string, index: number) => (\n                <InlineChip\n                  key={`${chip}-${index}`}\n                  label={chip}\n                  onDelete={\n                    disabled\n                      ? undefined\n                      : (event) => {\n                          event.stopPropagation();\n                          const newChips = removeChip(chip, index, currentChips);\n                          const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n                          onChange(outputValue);\n                        }\n                  }\n                  size=\"small\"\n                  // color=\"primary\"\n                  // variant=\"outlined\"\n                  {...customChipProps}\n                />\n              ))}\n              \n              <InlineInput\n                {...field}\n                ref={inputRef}\n                value={inputValue}\n                onChange={(e) => setInputValue(e.target.value)}\n                onKeyDown={(e) => handleKeyPress(e, onChange, value)}\n                onFocus={() => setFocused(true)}\n                onBlur={() => handleBlur(onChange, value)}\n                onPaste={(e) => handlePaste(e, onChange, value)}\n                placeholder={currentChips.length === 0 ? placeholder : ''}\n                disabled={disabled}\n                style={{ \n                  width: inputValue ? `${Math.max(inputValue.length * 8, 120)}px` : '120px',\n                }}\n              />\n              \n              {endIcon && (\n                <InputAdornment position=\"end\" sx={{ ml: 1 }}>\n                  {endIcon}\n                </InputAdornment>\n              )}\n            </ChipContainer>\n\n            {(helperText || error?.message || validationError) && (\n              <FormHelperText>\n                {error?.message || validationError || helperText}\n              </FormHelperText>\n            )}\n\n            {maxChips && (\n              <FormHelperText>\n                {currentChips.length} / {maxChips} items\n              </FormHelperText>\n            )}\n\n          \n          </FormControl>\n        );\n      }}\n    />\n  );\n});\n\nexport default ChipGenerator;"],"names":["validation"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip-generator/chip-generator.tsx"],"sourcesContent":["//eslint-disable @typescript-eslint/no-explicit-any\nimport React, { useState, useRef, KeyboardEvent, memo } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { \n  Chip, \n  Box, \n  FormControl, \n  FormHelperText,\n  InputAdornment,\n  styled\n} from '@mui/material';\nimport Typography from '../typography/typography';\n\n// interface ValidationRule {\n//   type: 'email' | 'url' | 'phone' | 'custom';\n//   pattern?: RegExp;\n//   message: string;\n//   validator?: (value: string) => boolean;\n// }\n\ninterface ChipGeneratorProps {\n  name: string;\n  control: any;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  disabled?: boolean;\n  validation?: any[];\n  maxChips?: number;\n  allowDuplicates?: boolean;\n  fieldArrayName?: string;\n  endIcon?: React.ReactNode;\n  helperText?: string;\n  error?: boolean;\n  onChipAdd?: (chip: string) => void;\n  onChipRemove?: (chip: string, index: number) => void;\n  customChipProps?: any;\n  textFieldProps?: any;\n  allowMultipleAdd?: boolean;\n  delimiters?: string[];\n  // New props for data type handling\n  dataType?: 'array' | 'string';\n  separator?: string;\n}\n\n// Styled components for inline chips\nconst ChipContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  minHeight: '1.4375em',\n  border: `1px solid #D3D3D4`,\n  borderRadius: '0.25rem',\n  cursor: 'text',\n  fontSize: '0.875rem',\n//   '&:hover': {\n//     borderColor: theme.palette.text.primary,\n//   },\n  '&.focused': {\n    borderColor:'#54CC96',\n    borderWidth: '1px',\n  },\n  '&.error': {\n    borderColor: theme.palette.error.main,\n  },\n  '&.disabled': {\n    backgroundColor: theme.palette.action.disabledBackground,\n    cursor: 'default',\n  },\n  paddingLeft: 3  \n}));\n\nconst InlineInput = styled('input')(({ theme }) => ({\n  border: 'none',\n  outline: 'none',\n  backgroundColor: 'transparent',\n  flexGrow: 1,\n  minWidth: '120px',\n  padding: '0.5rem',\n  fontSize: '0.875rem',\n  fontFamily: theme.typography.fontFamily,\n  '&::placeholder': {\n    color: theme.palette.text.secondary,\n    opacity: 1,\n  },\n  '&:disabled': {\n    cursor: 'default',\n  }\n}));\n\nconst InlineChip = styled(Chip)(({theme: { palette }}) => ({\n  height: '24px',\n  fontSize: '0.875rem',\n  borderColor:' #54CC96',\n  backgroundColor: palette.theme.primary[50],\n  color:'#2EB273',\n  margin: '1px',\n  '& .MuiChip-deleteIcon': {\n    fontSize: '16px',\n    color:'#2EB273',\n    '&:hover': {\n      color: '#2EB273',\n    },\n  },\n}));\n\nconst ChipGenerator: React.FC<ChipGeneratorProps> = memo(({\n  name,\n  control,\n  label,\n  placeholder = \"Type and press space to add\",\n  required = false,\n  disabled = false,\n  validation,\n  maxChips,\n  allowDuplicates = false,\n  fieldArrayName,\n  endIcon,\n  helperText,\n  error: externalError,\n  onChipAdd,\n  onChipRemove,\n  customChipProps = {},\n  allowMultipleAdd = true,\n  delimiters = [',', ';', '\\n', '\\t'],\n  dataType = 'string',\n  separator = ',',\n}) => {\n  const [inputValue, setInputValue] = useState('');\n  const [validationError, setValidationError] = useState('');\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const validateChip = (value: string,validation: any): { isValid: boolean; error: string } => {\n    if (!validation) return { isValid: true, error: '' };\n\n    const trimmedValue = value.trim();\n    if (!trimmedValue) return { isValid: false, error: 'Empty values are not allowed' };\n\n    switch (validation.type) {\n      case 'email': {\n        const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n        const isValidEmail = emailRegex.test(trimmedValue);\n        return {\n          isValid: isValidEmail,\n          error: isValidEmail ? '' : validation.message || 'Please enter a valid email address'\n        };\n      }\n\n    //   case 'url': {\n    //     const urlRegex = /^(https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-]*)*\\/?$/;\n    //     const isValidUrl = urlRegex.test(trimmedValue);\n    //     return {\n    //       isValid: isValidUrl,\n    //       error: isValidUrl ? '' : validation.message || 'Please enter a valid URL'\n    //     };\n    //   }\n\n      case 'phone': {\n        const phoneRegex = /^[+]?[1-9][\\d]{0,15}$/;\n        const isValidPhone = phoneRegex.test(trimmedValue.replace(/[\\s()-]/g, ''));\n        return {\n          isValid: isValidPhone,\n          error: isValidPhone ? '' : validation.message || 'Please enter a valid phone number'\n        };\n      }\n\n      case 'custom': {\n        if (validation.pattern) {\n          const isValid = validation.pattern.test(trimmedValue);\n          return {\n            isValid,\n            error: isValid ? '' : validation.message\n          };\n        }\n        if (validation.validator) {\n          const isValid = validation.validator(trimmedValue);\n          return {\n            isValid,\n            error: isValid ? '' : validation.message\n          };\n        }\n        return { isValid: true, error: '' };\n      }\n\n      default:\n        return { isValid: true, error: '' };\n    }\n  };\n\n  // Convert between string and array formats\n  const stringToArray = (str: string): string[] => {\n    if (!str || typeof str !== 'string') return [];\n    return str.split(separator).map(item => item.trim()).filter(Boolean);\n  };\n\n  const arrayToString = (arr: string[]): string => {\n    return arr.join(separator + ' ');\n  };\n\n  // Parse input value by delimiters\n  const parseMultipleValues = (inputStr: string): string[] => {\n    if (!allowMultipleAdd) {\n      return [inputStr.trim()].filter(Boolean);\n    }\n\n    const delimiterPattern = delimiters.map(d => \n      d.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n    ).join('|');\n    \n    const regex = new RegExp(`[${delimiterPattern}]`);\n    \n    return inputStr\n      .split(regex)\n      .map(val => val.trim())\n      .filter(Boolean);\n  };\n\n  const addChips = (inputStr: string, currentChips: string[]): { \n    newChips: string[]; \n    errors: string[]; \n    addedCount: number;\n  } => {\n    const valuesToAdd = parseMultipleValues(inputStr);\n    if (valuesToAdd.length === 0) {\n      return { newChips: currentChips, errors: [], addedCount: 0 };\n    }\n\n    const newChips = [...currentChips];\n    const errors: string[] = [];\n    let addedCount = 0;\n\n    for (const value of valuesToAdd) {\n      if (maxChips && newChips.length >= maxChips) {\n        errors.push(`Maximum ${maxChips} items allowed`);\n        break;\n      }\n \n    if (validation?.length > 0) {\n      const errorMessages = validation\n        .map(val => validateChip(value, val))\n        .filter(result => !result.isValid)\n        .map(result => result.error);\n\n      if (errorMessages.length > 0) {\n        errors.push(`\"${value}\": ${errorMessages.join(', ')}`);\n        continue;\n      }\n    }\n   \n\n      if (!allowDuplicates && newChips.includes(value)) {\n        errors.push(`\"${value}\": Duplicate values are not allowed`);\n        continue;\n      }\n\n      newChips.push(value);\n      addedCount++;\n      onChipAdd?.(value);\n    }\n\n    return { newChips, errors, addedCount };\n  };\n\n  const removeChip = (chipToRemove: string, index: number, currentChips: string[]) => {\n    const newChips = currentChips.filter((_, i) => i !== index);\n    onChipRemove?.(chipToRemove, index);\n    setValidationError('');\n    return newChips;\n  };\n\n  const processInput = (\n    inputStr: string,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n    const { newChips, errors } = addChips(inputStr, currentChips);\n    \n    if (errors.length > 0) {\n      setValidationError(errors.join('; '));\n    } else {\n      setValidationError('');\n    }\n    \n    if (newChips.length !== currentChips.length) {\n      const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n      onChange(outputValue);\n      setInputValue('');\n    }\n  };\n\n  const handleKeyPress = (\n    event: KeyboardEvent<HTMLInputElement>,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      if (inputValue.trim()) {\n        processInput(inputValue, onChange, currentValue);\n      }\n    } else if (event.key === 'Backspace' && !inputValue) {\n      const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n      if (currentChips.length > 0) {\n        const lastIndex = currentChips.length - 1;\n        const newChips = removeChip(currentChips[lastIndex], lastIndex, currentChips);\n        const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n        onChange(outputValue);\n      }\n    }\n  };\n\n  const handleBlur = (\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    setFocused(false);\n    if (inputValue.trim()) {\n      processInput(inputValue, onChange, currentValue);\n    }\n  };\n\n  const handlePaste = (\n    event: React.ClipboardEvent<HTMLInputElement>,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    if (allowMultipleAdd) {\n      event.preventDefault();\n      const pastedText = event.clipboardData.getData('text');\n      const combinedInput = inputValue + pastedText;\n      processInput(combinedInput, onChange, currentValue);\n    }\n  };\n\n  const handleContainerClick = () => {\n    if (!disabled && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const fieldName = fieldArrayName ? `${fieldArrayName}.${name}` : name;\n\n  return (\n    <Controller\n      name={fieldName}\n      control={control}\n      defaultValue={dataType === 'string' ? '' : []}\n      render={({ field: { onChange, value, ...field }, fieldState: { error } }) => {\n        const currentChips = Array.isArray(value) ? value : stringToArray(value || '');\n        const hasError = !!error || !!validationError || externalError;\n\n        return (\n          <FormControl fullWidth error={hasError}>\n            {label && (\n           <Typography\n                   type=\"s5\"\n                   weight={\"medium\"}\n                   mb={0.5}\n                   color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n                 >\n                   {label} {required && <span className=\"requiredStar\">*</span>}\n                 </Typography>\n            )}\n\n            <ChipContainer\n              ref={containerRef}\n              className={`${focused ? 'focused' : ''} ${hasError ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n              onClick={handleContainerClick}\n            >\n              {currentChips.map((chip: string, index: number) => (\n                <InlineChip\n                  key={`${chip}-${index}`}\n                  label={chip}\n                  onDelete={\n                    disabled\n                      ? undefined\n                      : (event) => {\n                          event.stopPropagation();\n                          const newChips = removeChip(chip, index, currentChips);\n                          const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n                          onChange(outputValue);\n                        }\n                  }\n                  size=\"small\"\n                  // color=\"primary\"\n                  // variant=\"outlined\"\n                  {...customChipProps}\n                />\n              ))}\n              \n              <InlineInput\n                {...field}\n                ref={inputRef}\n                value={inputValue}\n                onChange={(e) => setInputValue(e.target.value)}\n                onKeyDown={(e) => handleKeyPress(e, onChange, value)}\n                onFocus={() => setFocused(true)}\n                onBlur={() => handleBlur(onChange, value)}\n                onPaste={(e) => handlePaste(e, onChange, value)}\n                placeholder={currentChips.length === 0 ? placeholder : ''}\n                disabled={disabled}\n                style={{ \n                  width: inputValue ? `${Math.max(inputValue.length * 8, 120)}px` : '120px',\n                }}\n              />\n              \n              {endIcon && (\n                <InputAdornment position=\"end\" sx={{ ml: 1 }}>\n                  {endIcon}\n                </InputAdornment>\n              )}\n            </ChipContainer>\n\n            {(helperText || error?.message || validationError) && (\n              <FormHelperText>\n                {error?.message || validationError || helperText}\n              </FormHelperText>\n            )}\n\n            {maxChips && (\n              <FormHelperText>\n                {currentChips.length} / {maxChips} items\n              </FormHelperText>\n            )}\n\n          \n          </FormControl>\n        );\n      }}\n    />\n  );\n});\n\nexport default ChipGenerator;"],"names":["validation"],"mappings":";;;;;;;;;;AA8CA,MAAM,gBAAgB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAChD,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,EACtB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,UAAU;AAAA;AAAA;AAAA;AAAA,EAIV,aAAa;AAAA,IACX,aAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEf,WAAW;AAAA,IACT,aAAa,MAAM,QAAQ,MAAM;AAAA,EAAA;AAAA,EAEnC,cAAc;AAAA,IACZ,iBAAiB,MAAM,QAAQ,OAAO;AAAA,IACtC,QAAQ;AAAA,EAAA;AAAA,EAEV,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,OAAO,OAAO,EAAE,CAAC,EAAE,aAAa;AAAA,EAClD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY,MAAM,WAAW;AAAA,EAC7B,kBAAkB;AAAA,IAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,IAC1B,SAAS;AAAA,EAAA;AAAA,EAEX,cAAc;AAAA,IACZ,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAEF,MAAM,aAAa,OAAO,IAAI,EAAE,CAAC,EAAC,OAAO,EAAE,QAAA,SAAgB;AAAA,EACzD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAY;AAAA,EACZ,iBAAiB,QAAQ,MAAM,QAAQ,EAAE;AAAA,EACzC,OAAM;AAAA,EACN,QAAQ;AAAA,EACR,yBAAyB;AAAA,IACvB,UAAU;AAAA,IACV,OAAM;AAAA,IACN,WAAW;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,EAAE;AAEF,MAAM,gBAA8C,KAAK,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,kBAAkB,CAAA;AAAA,EAClB,mBAAmB;AAAA,EACnB,aAAa,CAAC,KAAK,KAAK,MAAM,GAAI;AAAA,EAClC,WAAW;AAAA,EACX,YAAY;AACd,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,EAAE;AACzD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,eAAe,OAAuB,IAAI;AAEhD,QAAM,eAAe,CAAC,OAAcA,gBAAyD;AAC3F,QAAI,CAACA,YAAY,QAAO,EAAE,SAAS,MAAM,OAAO,GAAA;AAEhD,UAAM,eAAe,MAAM,KAAA;AAC3B,QAAI,CAAC,aAAc,QAAO,EAAE,SAAS,OAAO,OAAO,+BAAA;AAEnD,YAAQA,YAAW,MAAA;AAAA,MACjB,KAAK,SAAS;AACZ,cAAM,aAAa;AACnB,cAAM,eAAe,WAAW,KAAK,YAAY;AACjD,eAAO;AAAA,UACL,SAAS;AAAA,UACT,OAAO,eAAe,KAAKA,YAAW,WAAW;AAAA,QAAA;AAAA,MAErD;AAAA,MAWA,KAAK,SAAS;AACZ,cAAM,aAAa;AACnB,cAAM,eAAe,WAAW,KAAK,aAAa,QAAQ,YAAY,EAAE,CAAC;AACzE,eAAO;AAAA,UACL,SAAS;AAAA,UACT,OAAO,eAAe,KAAKA,YAAW,WAAW;AAAA,QAAA;AAAA,MAErD;AAAA,MAEA,KAAK,UAAU;AACb,YAAIA,YAAW,SAAS;AACtB,gBAAM,UAAUA,YAAW,QAAQ,KAAK,YAAY;AACpD,iBAAO;AAAA,YACL;AAAA,YACA,OAAO,UAAU,KAAKA,YAAW;AAAA,UAAA;AAAA,QAErC;AACA,YAAIA,YAAW,WAAW;AACxB,gBAAM,UAAUA,YAAW,UAAU,YAAY;AACjD,iBAAO;AAAA,YACL;AAAA,YACA,OAAO,UAAU,KAAKA,YAAW;AAAA,UAAA;AAAA,QAErC;AACA,eAAO,EAAE,SAAS,MAAM,OAAO,GAAA;AAAA,MACjC;AAAA,MAEA;AACE,eAAO,EAAE,SAAS,MAAM,OAAO,GAAA;AAAA,IAAG;AAAA,EAExC;AAGA,QAAM,gBAAgB,CAAC,QAA0B;AAC/C,QAAI,CAAC,OAAO,OAAO,QAAQ,iBAAiB,CAAA;AAC5C,WAAO,IAAI,MAAM,SAAS,EAAE,IAAI,CAAA,SAAQ,KAAK,KAAA,CAAM,EAAE,OAAO,OAAO;AAAA,EACrE;AAEA,QAAM,gBAAgB,CAAC,QAA0B;AAC/C,WAAO,IAAI,KAAK,YAAY,GAAG;AAAA,EACjC;AAGA,QAAM,sBAAsB,CAAC,aAA+B;AAC1D,QAAI,CAAC,kBAAkB;AACrB,aAAO,CAAC,SAAS,KAAA,CAAM,EAAE,OAAO,OAAO;AAAA,IACzC;AAEA,UAAM,mBAAmB,WAAW;AAAA,MAAI,CAAA,MACtC,EAAE,QAAQ,uBAAuB,MAAM;AAAA,IAAA,EACvC,KAAK,GAAG;AAEV,UAAM,QAAQ,IAAI,OAAO,IAAI,gBAAgB,GAAG;AAEhD,WAAO,SACJ,MAAM,KAAK,EACX,IAAI,CAAA,QAAO,IAAI,KAAA,CAAM,EACrB,OAAO,OAAO;AAAA,EACnB;AAEA,QAAM,WAAW,CAAC,UAAkB,iBAI/B;AACH,UAAM,cAAc,oBAAoB,QAAQ;AAChD,QAAI,YAAY,WAAW,GAAG;AAC5B,aAAO,EAAE,UAAU,cAAc,QAAQ,CAAA,GAAI,YAAY,EAAA;AAAA,IAC3D;AAEA,UAAM,WAAW,CAAC,GAAG,YAAY;AACjC,UAAM,SAAmB,CAAA;AACzB,QAAI,aAAa;AAEjB,eAAW,SAAS,aAAa;AAC/B,UAAI,YAAY,SAAS,UAAU,UAAU;AAC3C,eAAO,KAAK,WAAW,QAAQ,gBAAgB;AAC/C;AAAA,MACF;AAEF,WAAI,yCAAY,UAAS,GAAG;AAC1B,cAAM,gBAAgB,WACnB,IAAI,SAAO,aAAa,OAAO,GAAG,CAAC,EACnC,OAAO,CAAA,WAAU,CAAC,OAAO,OAAO,EAChC,IAAI,CAAA,WAAU,OAAO,KAAK;AAE7B,YAAI,cAAc,SAAS,GAAG;AAC5B,iBAAO,KAAK,IAAI,KAAK,MAAM,cAAc,KAAK,IAAI,CAAC,EAAE;AACrD;AAAA,QACF;AAAA,MACF;AAGE,UAAI,CAAC,mBAAmB,SAAS,SAAS,KAAK,GAAG;AAChD,eAAO,KAAK,IAAI,KAAK,qCAAqC;AAC1D;AAAA,MACF;AAEA,eAAS,KAAK,KAAK;AACnB;AACA,6CAAY;AAAA,IACd;AAEA,WAAO,EAAE,UAAU,QAAQ,WAAA;AAAA,EAC7B;AAEA,QAAM,aAAa,CAAC,cAAsB,OAAe,iBAA2B;AAClF,UAAM,WAAW,aAAa,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK;AAC1D,iDAAe,cAAc;AAC7B,uBAAmB,EAAE;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,CACnB,UACA,UACA,iBACG;AACH,UAAM,eAAe,MAAM,QAAQ,YAAY,IAAI,eAAe,cAAc,YAAY;AAC5F,UAAM,EAAE,UAAU,OAAA,IAAW,SAAS,UAAU,YAAY;AAE5D,QAAI,OAAO,SAAS,GAAG;AACrB,yBAAmB,OAAO,KAAK,IAAI,CAAC;AAAA,IACtC,OAAO;AACL,yBAAmB,EAAE;AAAA,IACvB;AAEA,QAAI,SAAS,WAAW,aAAa,QAAQ;AAC3C,YAAM,cAAc,aAAa,WAAW,cAAc,QAAQ,IAAI;AACtE,eAAS,WAAW;AACpB,oBAAc,EAAE;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,iBAAiB,CACrB,OACA,UACA,iBACG;AACH,QAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,YAAM,eAAA;AACN,UAAI,WAAW,QAAQ;AACrB,qBAAa,YAAY,UAAU,YAAY;AAAA,MACjD;AAAA,IACF,WAAW,MAAM,QAAQ,eAAe,CAAC,YAAY;AACnD,YAAM,eAAe,MAAM,QAAQ,YAAY,IAAI,eAAe,cAAc,YAAY;AAC5F,UAAI,aAAa,SAAS,GAAG;AAC3B,cAAM,YAAY,aAAa,SAAS;AACxC,cAAM,WAAW,WAAW,aAAa,SAAS,GAAG,WAAW,YAAY;AAC5E,cAAM,cAAc,aAAa,WAAW,cAAc,QAAQ,IAAI;AACtE,iBAAS,WAAW;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAEA,QAAM,aAAa,CACjB,UACA,iBACG;AACH,eAAW,KAAK;AAChB,QAAI,WAAW,QAAQ;AACrB,mBAAa,YAAY,UAAU,YAAY;AAAA,IACjD;AAAA,EACF;AAEA,QAAM,cAAc,CAClB,OACA,UACA,iBACG;AACH,QAAI,kBAAkB;AACpB,YAAM,eAAA;AACN,YAAM,aAAa,MAAM,cAAc,QAAQ,MAAM;AACrD,YAAM,gBAAgB,aAAa;AACnC,mBAAa,eAAe,UAAU,YAAY;AAAA,IACpD;AAAA,EACF;AAEA,QAAM,uBAAuB,MAAM;AACjC,QAAI,CAAC,YAAY,SAAS,SAAS;AACjC,eAAS,QAAQ,MAAA;AAAA,IACnB;AAAA,EACF;AAEA,QAAM,YAAY,iBAAiB,GAAG,cAAc,IAAI,IAAI,KAAK;AAEjE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA,cAAc,aAAa,WAAW,KAAK,CAAA;AAAA,MAC3C,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,GAAG,SAAS,YAAY,EAAE,MAAA,QAAc;AAC3E,cAAM,eAAe,MAAM,QAAQ,KAAK,IAAI,QAAQ,cAAc,SAAS,EAAE;AAC7E,cAAM,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,mBAAmB;AAEjD,eACE,qBAAC,aAAA,EAAY,WAAS,MAAC,OAAO,UAC3B,UAAA;AAAA,UAAA,SACF;AAAA,YAAC;AAAA,YAAA;AAAA,cACO,MAAK;AAAA,cACL,QAAQ;AAAA,cACR,IAAI;AAAA,cACJ,OAAO,QAAQ,oBAAoB;AAAA,cAElC,UAAA;AAAA,gBAAA;AAAA,gBAAM;AAAA,gBAAE,YAAY,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,IAAA,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAI5D;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAW,GAAG,UAAU,YAAY,EAAE,IAAI,WAAW,UAAU,EAAE,IAAI,WAAW,aAAa,EAAE;AAAA,cAC/F,SAAS;AAAA,cAER,UAAA;AAAA,gBAAA,aAAa,IAAI,CAAC,MAAc,UAC/B;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,OAAO;AAAA,oBACP,UACE,WACI,SACA,CAAC,UAAU;AACT,4BAAM,gBAAA;AACN,4BAAM,WAAW,WAAW,MAAM,OAAO,YAAY;AACrD,4BAAM,cAAc,aAAa,WAAW,cAAc,QAAQ,IAAI;AACtE,+BAAS,WAAW;AAAA,oBACtB;AAAA,oBAEN,MAAK;AAAA,oBAGJ,GAAG;AAAA,kBAAA;AAAA,kBAfC,GAAG,IAAI,IAAI,KAAK;AAAA,gBAAA,CAiBxB;AAAA,gBAED;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,GAAG;AAAA,oBACJ,KAAK;AAAA,oBACL,OAAO;AAAA,oBACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,oBAC7C,WAAW,CAAC,MAAM,eAAe,GAAG,UAAU,KAAK;AAAA,oBACnD,SAAS,MAAM,WAAW,IAAI;AAAA,oBAC9B,QAAQ,MAAM,WAAW,UAAU,KAAK;AAAA,oBACxC,SAAS,CAAC,MAAM,YAAY,GAAG,UAAU,KAAK;AAAA,oBAC9C,aAAa,aAAa,WAAW,IAAI,cAAc;AAAA,oBACvD;AAAA,oBACA,OAAO;AAAA,sBACL,OAAO,aAAa,GAAG,KAAK,IAAI,WAAW,SAAS,GAAG,GAAG,CAAC,OAAO;AAAA,oBAAA;AAAA,kBACpE;AAAA,gBAAA;AAAA,gBAGD,WACC,oBAAC,gBAAA,EAAe,UAAS,OAAM,IAAI,EAAE,IAAI,KACtC,UAAA,QAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,WAIF,eAAc,+BAAO,YAAW,wCAC/B,gBAAA,EACE,WAAA,+BAAO,YAAW,mBAAmB,WAAA,CACxC;AAAA,UAGD,iCACE,gBAAA,EACE,UAAA;AAAA,YAAA,aAAa;AAAA,YAAO;AAAA,YAAI;AAAA,YAAS;AAAA,UAAA,EAAA,CACpC;AAAA,QAAA,GAIJ;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/chip-generator/chip-generator/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-hook-form"),o=require("@mui/material"),a=require("../../typography/typography/index.js");const l=o.styled(o.Box)(({theme:e})=>({display:"flex",flexWrap:"wrap",alignItems:"center",gap:e.spacing(.5),minHeight:"1.4375em",border:"1px solid #D3D3D4",borderRadius:"0.25rem",cursor:"text",fontSize:"0.875rem","&.focused":{borderColor:"#54CC96",borderWidth:"1px"},"&.error":{borderColor:e.palette.error.main},"&.disabled":{backgroundColor:e.palette.action.disabledBackground,cursor:"default"},paddingLeft:3})),n=o.styled("input")(({theme:e})=>({border:"none",outline:"none",backgroundColor:"transparent",flexGrow:1,minWidth:"120px",padding:"0.5rem",fontSize:"0.875rem",fontFamily:e.typography.fontFamily,"&::placeholder":{color:e.palette.text.secondary,opacity:1},"&:disabled":{cursor:"default"}})),s=o.styled(o.Chip)(({theme:{palette:e}})=>({height:"24px",fontSize:"0.875rem",borderColor:" #54CC96",backgroundColor:e.theme.primary[50],color:"#2EB273",margin:"1px","& .MuiChip-deleteIcon":{fontSize:"16px",color:"#2EB273","&:hover":{color:"#2EB273"}}})),i=r.memo(({name:i,control:d,label:p,placeholder:u="Type and press space to add",required:c=!1,disabled:m=!1,validation:h,maxChips:f,allowDuplicates:g=!1,fieldArrayName:x,endIcon:y,helperText:C,error:b,onChipAdd:v,onChipRemove:j,customChipProps:$={},allowMultipleAdd:w=!0,delimiters:k=[",",";","\n","\t"],dataType:D="string",separator:A=","})=>{const[B,V]=r.useState(""),[S,q]=r.useState(""),[E,F]=r.useState(!1),P=r.useRef(null),T=r.useRef(null),z=(e,r)=>{if(!r)return{isValid:!0,error:""};const t=e.trim();if(!t)return{isValid:!1,error:"Empty values are not allowed"};switch(r.type){case"email":{const e=/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);return{isValid:e,error:e?"":r.message||"Please enter a valid email address"}}case"phone":{const e=/^[+]?[1-9][\d]{0,15}$/.test(t.replace(/[\s()-]/g,""));return{isValid:e,error:e?"":r.message||"Please enter a valid phone number"}}case"custom":if(r.pattern){const e=r.pattern.test(t);return{isValid:e,error:e?"":r.message}}if(r.validator){const e=r.validator(t);return{isValid:e,error:e?"":r.message}}return{isValid:!0,error:""};default:return{isValid:!0,error:""}}},M=e=>e&&"string"==typeof e?e.split(A).map(e=>e.trim()).filter(Boolean):[],R=e=>e.join(A+" "),I=(e,r,t)=>{const o=t.filter((e,t)=>t!==r);return null==j||j(e,r),q(""),o},W=(e,r,t)=>{const o=Array.isArray(t)?t:M(t),{newChips:a,errors:l}=((e,r)=>{const t=(e=>{if(!w)return[e.trim()].filter(Boolean);const r=k.map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")).join("|"),t=new RegExp(`[${r}]`);return e.split(t).map(e=>e.trim()).filter(Boolean)})(e);if(0===t.length)return{newChips:r,errors:[],addedCount:0};const o=[...r],a=[];let l=0;for(const n of t){if(f&&o.length>=f){a.push(`Maximum ${f} items allowed`);break}if((null==h?void 0:h.length)>0){const e=h.map(e=>z(n,e)).filter(e=>!e.isValid).map(e=>e.error);if(e.length>0){a.push(`"${n}": ${e.join(", ")}`);continue}}g||!o.includes(n)?(o.push(n),l++,null==v||v(n)):a.push(`"${n}": Duplicate values are not allowed`)}return{newChips:o,errors:a,addedCount:l}})(e,o);l.length>0?q(l.join("; ")):q(""),a.length!==o.length&&(r("string"===D?R(a):a),V(""))},H=()=>{!m&&P.current&&P.current.focus()},N=x?`${x}.${i}`:i;/* @__PURE__ */
-return e.jsx(t.Controller,{name:N,control:d,defaultValue:"string"===D?"":[],render:({field:{onChange:r,value:t,...i},fieldState:{error:d}})=>{const h=Array.isArray(t)?t:M(t||""),g=!!d||!!S||b;/* @__PURE__ */
-return e.jsxs(o.FormControl,{fullWidth:!0,error:g,children:[p&&/* @__PURE__ */e.jsxs(a.Typography,{type:"s5",weight:"medium",mb:.5,color:d?"theme.error.600":"theme.secondary.800",children:[p," ",c&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
-/* @__PURE__ */e.jsxs(l,{ref:T,className:`${E?"focused":""} ${g?"error":""} ${m?"disabled":""}`,onClick:H,children:[h.map((t,o)=>/* @__PURE__ */e.jsx(s,{label:t,onDelete:m?void 0:e=>{e.stopPropagation();const a=I(t,o,h),l="string"===D?R(a):a;r(l)},size:"small",...$},`${t}-${o}`)),
-/* @__PURE__ */e.jsx(n,{...i,ref:P,value:B,onChange:e=>V(e.target.value),onKeyDown:e=>((e,r,t)=>{if(" "===e.key||"Enter"===e.key)e.preventDefault(),B.trim()&&W(B,r,t);else if("Backspace"===e.key&&!B){const e=Array.isArray(t)?t:M(t);if(e.length>0){const t=e.length-1,o=I(e[t],t,e);r("string"===D?R(o):o)}}})(e,r,t),onFocus:()=>F(!0),onBlur:()=>((e,r)=>{F(!1),B.trim()&&W(B,e,r)})(r,t),onPaste:e=>((e,r,t)=>{if(w){e.preventDefault();const o=e.clipboardData.getData("text");W(B+o,r,t)}})(e,r,t),placeholder:0===h.length?u:"",disabled:m,style:{width:B?`${Math.max(8*B.length,120)}px`:"120px"}}),y&&/* @__PURE__ */e.jsx(o.InputAdornment,{position:"end",sx:{ml:1},children:y})]}),(C||(null==d?void 0:d.message)||S)&&/* @__PURE__ */e.jsx(o.FormHelperText,{children:(null==d?void 0:d.message)||S||C}),f&&/* @__PURE__ */e.jsxs(o.FormHelperText,{children:[h.length," / ",f," items"]})]})}})});exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-hook-form"),o=require("../../typography/typography/index.js"),a=require("../../../node_modules/@mui/material/FormControl/FormControl/index.js"),l=require("../../../node_modules/@mui/material/styles/styled/index.js"),n=require("../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),i=require("../../../node_modules/@mui/material/FormHelperText/FormHelperText/index.js"),s=require("../../../node_modules/@mui/material/Box/Box/index.js"),d=require("../../../node_modules/@mui/material/Chip/Chip/index.js");const u=l.default(s.default)(({theme:e})=>({display:"flex",flexWrap:"wrap",alignItems:"center",gap:e.spacing(.5),minHeight:"1.4375em",border:"1px solid #D3D3D4",borderRadius:"0.25rem",cursor:"text",fontSize:"0.875rem","&.focused":{borderColor:"#54CC96",borderWidth:"1px"},"&.error":{borderColor:e.palette.error.main},"&.disabled":{backgroundColor:e.palette.action.disabledBackground,cursor:"default"},paddingLeft:3})),p=l.default("input")(({theme:e})=>({border:"none",outline:"none",backgroundColor:"transparent",flexGrow:1,minWidth:"120px",padding:"0.5rem",fontSize:"0.875rem",fontFamily:e.typography.fontFamily,"&::placeholder":{color:e.palette.text.secondary,opacity:1},"&:disabled":{cursor:"default"}})),m=l.default(d.default)(({theme:{palette:e}})=>({height:"24px",fontSize:"0.875rem",borderColor:" #54CC96",backgroundColor:e.theme.primary[50],color:"#2EB273",margin:"1px","& .MuiChip-deleteIcon":{fontSize:"16px",color:"#2EB273","&:hover":{color:"#2EB273"}}})),c=r.memo(({name:l,control:s,label:d,placeholder:c="Type and press space to add",required:h=!1,disabled:f=!1,validation:g,maxChips:x,allowDuplicates:y=!1,fieldArrayName:C,endIcon:b,helperText:j,error:v,onChipAdd:$,onChipRemove:w,customChipProps:q={},allowMultipleAdd:k=!0,delimiters:A=[",",";","\n","\t"],dataType:B="string",separator:D=","})=>{const[V,S]=r.useState(""),[_,F]=r.useState(""),[E,P]=r.useState(!1),T=r.useRef(null),z=r.useRef(null),I=(e,r)=>{if(!r)return{isValid:!0,error:""};const t=e.trim();if(!t)return{isValid:!1,error:"Empty values are not allowed"};switch(r.type){case"email":{const e=/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);return{isValid:e,error:e?"":r.message||"Please enter a valid email address"}}case"phone":{const e=/^[+]?[1-9][\d]{0,15}$/.test(t.replace(/[\s()-]/g,""));return{isValid:e,error:e?"":r.message||"Please enter a valid phone number"}}case"custom":if(r.pattern){const e=r.pattern.test(t);return{isValid:e,error:e?"":r.message}}if(r.validator){const e=r.validator(t);return{isValid:e,error:e?"":r.message}}return{isValid:!0,error:""};default:return{isValid:!0,error:""}}},M=e=>e&&"string"==typeof e?e.split(D).map(e=>e.trim()).filter(Boolean):[],R=e=>e.join(D+" "),W=(e,r,t)=>{const o=t.filter((e,t)=>t!==r);return null==w||w(e,r),F(""),o},H=(e,r,t)=>{const o=Array.isArray(t)?t:M(t),{newChips:a,errors:l}=((e,r)=>{const t=(e=>{if(!k)return[e.trim()].filter(Boolean);const r=A.map(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")).join("|"),t=new RegExp(`[${r}]`);return e.split(t).map(e=>e.trim()).filter(Boolean)})(e);if(0===t.length)return{newChips:r,errors:[],addedCount:0};const o=[...r],a=[];let l=0;for(const n of t){if(x&&o.length>=x){a.push(`Maximum ${x} items allowed`);break}if((null==g?void 0:g.length)>0){const e=g.map(e=>I(n,e)).filter(e=>!e.isValid).map(e=>e.error);if(e.length>0){a.push(`"${n}": ${e.join(", ")}`);continue}}y||!o.includes(n)?(o.push(n),l++,null==$||$(n)):a.push(`"${n}": Duplicate values are not allowed`)}return{newChips:o,errors:a,addedCount:l}})(e,o);l.length>0?F(l.join("; ")):F(""),a.length!==o.length&&(r("string"===B?R(a):a),S(""))},N=()=>{!f&&T.current&&T.current.focus()},G=C?`${C}.${l}`:l;/* @__PURE__ */
+return e.jsx(t.Controller,{name:G,control:s,defaultValue:"string"===B?"":[],render:({field:{onChange:r,value:t,...l},fieldState:{error:s}})=>{const g=Array.isArray(t)?t:M(t||""),y=!!s||!!_||v;/* @__PURE__ */
+return e.jsxs(a.default,{fullWidth:!0,error:y,children:[d&&/* @__PURE__ */e.jsxs(o.Typography,{type:"s5",weight:"medium",mb:.5,color:s?"theme.error.600":"theme.secondary.800",children:[d," ",h&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
+/* @__PURE__ */e.jsxs(u,{ref:z,className:`${E?"focused":""} ${y?"error":""} ${f?"disabled":""}`,onClick:N,children:[g.map((t,o)=>/* @__PURE__ */e.jsx(m,{label:t,onDelete:f?void 0:e=>{e.stopPropagation();const a=W(t,o,g),l="string"===B?R(a):a;r(l)},size:"small",...q},`${t}-${o}`)),
+/* @__PURE__ */e.jsx(p,{...l,ref:T,value:V,onChange:e=>S(e.target.value),onKeyDown:e=>((e,r,t)=>{if(" "===e.key||"Enter"===e.key)e.preventDefault(),V.trim()&&H(V,r,t);else if("Backspace"===e.key&&!V){const e=Array.isArray(t)?t:M(t);if(e.length>0){const t=e.length-1,o=W(e[t],t,e);r("string"===B?R(o):o)}}})(e,r,t),onFocus:()=>P(!0),onBlur:()=>((e,r)=>{P(!1),V.trim()&&H(V,e,r)})(r,t),onPaste:e=>((e,r,t)=>{if(k){e.preventDefault();const o=e.clipboardData.getData("text");H(V+o,r,t)}})(e,r,t),placeholder:0===g.length?c:"",disabled:f,style:{width:V?`${Math.max(8*V.length,120)}px`:"120px"}}),b&&/* @__PURE__ */e.jsx(n.default,{position:"end",sx:{ml:1},children:b})]}),(j||(null==s?void 0:s.message)||_)&&/* @__PURE__ */e.jsx(i.default,{children:(null==s?void 0:s.message)||_||j}),x&&/* @__PURE__ */e.jsxs(i.default,{children:[g.length," / ",x," items"]})]})}})});exports.default=c;
 //# sourceMappingURL=index.js.map

package/dist/components/chip-generator/chip-generator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/chip-generator/chip-generator.tsx"],"sourcesContent":["//eslint-disable @typescript-eslint/no-explicit-any\nimport React, { useState, useRef, KeyboardEvent, memo } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { \n  Chip, \n  Box, \n  FormControl, \n  FormHelperText,\n  InputAdornment,\n  styled\n} from '@mui/material';\nimport Typography from '../typography/typography';\n\n// interface ValidationRule {\n//   type: 'email' | 'url' | 'phone' | 'custom';\n//   pattern?: RegExp;\n//   message: string;\n//   validator?: (value: string) => boolean;\n// }\n\ninterface ChipGeneratorProps {\n  name: string;\n  control: any;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  disabled?: boolean;\n  validation?: any[];\n  maxChips?: number;\n  allowDuplicates?: boolean;\n  fieldArrayName?: string;\n  endIcon?: React.ReactNode;\n  helperText?: string;\n  error?: boolean;\n  onChipAdd?: (chip: string) => void;\n  onChipRemove?: (chip: string, index: number) => void;\n  customChipProps?: any;\n  textFieldProps?: any;\n  allowMultipleAdd?: boolean;\n  delimiters?: string[];\n  // New props for data type handling\n  dataType?: 'array' | 'string';\n  separator?: string;\n}\n\n// Styled components for inline chips\nconst ChipContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  minHeight: '1.4375em',\n  border: `1px solid #D3D3D4`,\n  borderRadius: '0.25rem',\n  cursor: 'text',\n  fontSize: '0.875rem',\n//   '&:hover': {\n//     borderColor: theme.palette.text.primary,\n//   },\n  '&.focused': {\n    borderColor:'#54CC96',\n    borderWidth: '1px',\n  },\n  '&.error': {\n    borderColor: theme.palette.error.main,\n  },\n  '&.disabled': {\n    backgroundColor: theme.palette.action.disabledBackground,\n    cursor: 'default',\n  },\n  paddingLeft: 3  \n}));\n\nconst InlineInput = styled('input')(({ theme }) => ({\n  border: 'none',\n  outline: 'none',\n  backgroundColor: 'transparent',\n  flexGrow: 1,\n  minWidth: '120px',\n  padding: '0.5rem',\n  fontSize: '0.875rem',\n  fontFamily: theme.typography.fontFamily,\n  '&::placeholder': {\n    color: theme.palette.text.secondary,\n    opacity: 1,\n  },\n  '&:disabled': {\n    cursor: 'default',\n  }\n}));\n\nconst InlineChip = styled(Chip)(({theme: { palette }}) => ({\n  height: '24px',\n  fontSize: '0.875rem',\n  borderColor:' #54CC96',\n  backgroundColor: palette.theme.primary[50],\n  color:'#2EB273',\n  margin: '1px',\n  '& .MuiChip-deleteIcon': {\n    fontSize: '16px',\n    color:'#2EB273',\n    '&:hover': {\n      color: '#2EB273',\n    },\n  },\n}));\n\nconst ChipGenerator: React.FC<ChipGeneratorProps> = memo(({\n  name,\n  control,\n  label,\n  placeholder = \"Type and press space to add\",\n  required = false,\n  disabled = false,\n  validation,\n  maxChips,\n  allowDuplicates = false,\n  fieldArrayName,\n  endIcon,\n  helperText,\n  error: externalError,\n  onChipAdd,\n  onChipRemove,\n  customChipProps = {},\n  allowMultipleAdd = true,\n  delimiters = [',', ';', '\\n', '\\t'],\n  dataType = 'string',\n  separator = ',',\n}) => {\n  const [inputValue, setInputValue] = useState('');\n  const [validationError, setValidationError] = useState('');\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const validateChip = (value: string,validation: any): { isValid: boolean; error: string } => {\n    if (!validation) return { isValid: true, error: '' };\n\n    const trimmedValue = value.trim();\n    if (!trimmedValue) return { isValid: false, error: 'Empty values are not allowed' };\n\n    switch (validation.type) {\n      case 'email': {\n        const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n        const isValidEmail = emailRegex.test(trimmedValue);\n        return {\n          isValid: isValidEmail,\n          error: isValidEmail ? '' : validation.message || 'Please enter a valid email address'\n        };\n      }\n\n    //   case 'url': {\n    //     const urlRegex = /^(https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-]*)*\\/?$/;\n    //     const isValidUrl = urlRegex.test(trimmedValue);\n    //     return {\n    //       isValid: isValidUrl,\n    //       error: isValidUrl ? '' : validation.message || 'Please enter a valid URL'\n    //     };\n    //   }\n\n      case 'phone': {\n        const phoneRegex = /^[+]?[1-9][\\d]{0,15}$/;\n        const isValidPhone = phoneRegex.test(trimmedValue.replace(/[\\s()-]/g, ''));\n        return {\n          isValid: isValidPhone,\n          error: isValidPhone ? '' : validation.message || 'Please enter a valid phone number'\n        };\n      }\n\n      case 'custom': {\n        if (validation.pattern) {\n          const isValid = validation.pattern.test(trimmedValue);\n          return {\n            isValid,\n            error: isValid ? '' : validation.message\n          };\n        }\n        if (validation.validator) {\n          const isValid = validation.validator(trimmedValue);\n          return {\n            isValid,\n            error: isValid ? '' : validation.message\n          };\n        }\n        return { isValid: true, error: '' };\n      }\n\n      default:\n        return { isValid: true, error: '' };\n    }\n  };\n\n  // Convert between string and array formats\n  const stringToArray = (str: string): string[] => {\n    if (!str || typeof str !== 'string') return [];\n    return str.split(separator).map(item => item.trim()).filter(Boolean);\n  };\n\n  const arrayToString = (arr: string[]): string => {\n    return arr.join(separator + ' ');\n  };\n\n  // Parse input value by delimiters\n  const parseMultipleValues = (inputStr: string): string[] => {\n    if (!allowMultipleAdd) {\n      return [inputStr.trim()].filter(Boolean);\n    }\n\n    const delimiterPattern = delimiters.map(d => \n      d.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n    ).join('|');\n    \n    const regex = new RegExp(`[${delimiterPattern}]`);\n    \n    return inputStr\n      .split(regex)\n      .map(val => val.trim())\n      .filter(Boolean);\n  };\n\n  const addChips = (inputStr: string, currentChips: string[]): { \n    newChips: string[]; \n    errors: string[]; \n    addedCount: number;\n  } => {\n    const valuesToAdd = parseMultipleValues(inputStr);\n    if (valuesToAdd.length === 0) {\n      return { newChips: currentChips, errors: [], addedCount: 0 };\n    }\n\n    const newChips = [...currentChips];\n    const errors: string[] = [];\n    let addedCount = 0;\n\n    for (const value of valuesToAdd) {\n      if (maxChips && newChips.length >= maxChips) {\n        errors.push(`Maximum ${maxChips} items allowed`);\n        break;\n      }\n \n    if (validation?.length > 0) {\n      const errorMessages = validation\n        .map(val => validateChip(value, val))\n        .filter(result => !result.isValid)\n        .map(result => result.error);\n\n      if (errorMessages.length > 0) {\n        errors.push(`\"${value}\": ${errorMessages.join(', ')}`);\n        continue;\n      }\n    }\n   \n\n      if (!allowDuplicates && newChips.includes(value)) {\n        errors.push(`\"${value}\": Duplicate values are not allowed`);\n        continue;\n      }\n\n      newChips.push(value);\n      addedCount++;\n      onChipAdd?.(value);\n    }\n\n    return { newChips, errors, addedCount };\n  };\n\n  const removeChip = (chipToRemove: string, index: number, currentChips: string[]) => {\n    const newChips = currentChips.filter((_, i) => i !== index);\n    onChipRemove?.(chipToRemove, index);\n    setValidationError('');\n    return newChips;\n  };\n\n  const processInput = (\n    inputStr: string,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n    const { newChips, errors } = addChips(inputStr, currentChips);\n    \n    if (errors.length > 0) {\n      setValidationError(errors.join('; '));\n    } else {\n      setValidationError('');\n    }\n    \n    if (newChips.length !== currentChips.length) {\n      const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n      onChange(outputValue);\n      setInputValue('');\n    }\n  };\n\n  const handleKeyPress = (\n    event: KeyboardEvent<HTMLInputElement>,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      if (inputValue.trim()) {\n        processInput(inputValue, onChange, currentValue);\n      }\n    } else if (event.key === 'Backspace' && !inputValue) {\n      const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n      if (currentChips.length > 0) {\n        const lastIndex = currentChips.length - 1;\n        const newChips = removeChip(currentChips[lastIndex], lastIndex, currentChips);\n        const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n        onChange(outputValue);\n      }\n    }\n  };\n\n  const handleBlur = (\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    setFocused(false);\n    if (inputValue.trim()) {\n      processInput(inputValue, onChange, currentValue);\n    }\n  };\n\n  const handlePaste = (\n    event: React.ClipboardEvent<HTMLInputElement>,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    if (allowMultipleAdd) {\n      event.preventDefault();\n      const pastedText = event.clipboardData.getData('text');\n      const combinedInput = inputValue + pastedText;\n      processInput(combinedInput, onChange, currentValue);\n    }\n  };\n\n  const handleContainerClick = () => {\n    if (!disabled && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const fieldName = fieldArrayName ? `${fieldArrayName}.${name}` : name;\n\n  return (\n    <Controller\n      name={fieldName}\n      control={control}\n      defaultValue={dataType === 'string' ? '' : []}\n      render={({ field: { onChange, value, ...field }, fieldState: { error } }) => {\n        const currentChips = Array.isArray(value) ? value : stringToArray(value || '');\n        const hasError = !!error || !!validationError || externalError;\n\n        return (\n          <FormControl fullWidth error={hasError}>\n            {label && (\n           <Typography\n                   type=\"s5\"\n                   weight={\"medium\"}\n                   mb={0.5}\n                   color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n                 >\n                   {label} {required && <span className=\"requiredStar\">*</span>}\n                 </Typography>\n            )}\n\n            <ChipContainer\n              ref={containerRef}\n              className={`${focused ? 'focused' : ''} ${hasError ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n              onClick={handleContainerClick}\n            >\n              {currentChips.map((chip: string, index: number) => (\n                <InlineChip\n                  key={`${chip}-${index}`}\n                  label={chip}\n                  onDelete={\n                    disabled\n                      ? undefined\n                      : (event) => {\n                          event.stopPropagation();\n                          const newChips = removeChip(chip, index, currentChips);\n                          const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n                          onChange(outputValue);\n                        }\n                  }\n                  size=\"small\"\n                  // color=\"primary\"\n                  // variant=\"outlined\"\n                  {...customChipProps}\n                />\n              ))}\n              \n              <InlineInput\n                {...field}\n                ref={inputRef}\n                value={inputValue}\n                onChange={(e) => setInputValue(e.target.value)}\n                onKeyDown={(e) => handleKeyPress(e, onChange, value)}\n                onFocus={() => setFocused(true)}\n                onBlur={() => handleBlur(onChange, value)}\n                onPaste={(e) => handlePaste(e, onChange, value)}\n                placeholder={currentChips.length === 0 ? placeholder : ''}\n                disabled={disabled}\n                style={{ \n                  width: inputValue ? `${Math.max(inputValue.length * 8, 120)}px` : '120px',\n                }}\n              />\n              \n              {endIcon && (\n                <InputAdornment position=\"end\" sx={{ ml: 1 }}>\n                  {endIcon}\n                </InputAdornment>\n              )}\n            </ChipContainer>\n\n            {(helperText || error?.message || validationError) && (\n              <FormHelperText>\n                {error?.message || validationError || helperText}\n              </FormHelperText>\n            )}\n\n            {maxChips && (\n              <FormHelperText>\n                {currentChips.length} / {maxChips} items\n              </FormHelperText>\n            )}\n\n          \n          </FormControl>\n        );\n      }}\n    />\n  );\n});\n\nexport default ChipGenerator;"],"names":["ChipContainer","styled","Box","theme","display","flexWrap","alignItems","gap","spacing","minHeight","border","borderRadius","cursor","fontSize","borderColor","borderWidth","palette","error","main","backgroundColor","action","disabledBackground","paddingLeft","InlineInput","outline","flexGrow","minWidth","padding","fontFamily","typography","color","text","secondary","opacity","InlineChip","Chip","height","primary","margin","ChipGenerator","memo","name","control","label","placeholder","required","disabled","validation","maxChips","allowDuplicates","fieldArrayName","endIcon","helperText","externalError","onChipAdd","onChipRemove","customChipProps","allowMultipleAdd","delimiters","dataType","separator","inputValue","setInputValue","useState","validationError","setValidationError","focused","setFocused","inputRef","useRef","containerRef","validateChip","value","isValid","trimmedValue","trim","type","isValidEmail","test","message","isValidPhone","replace","pattern","validator","stringToArray","str","split","map","item","filter","Boolean","arrayToString","arr","join","removeChip","chipToRemove","index","currentChips","newChips","_","i","processInput","inputStr","onChange","currentValue","Array","isArray","errors","valuesToAdd","delimiterPattern","d","regex","RegExp","val","parseMultipleValues","length","addedCount","push","errorMessages","result","includes","addChips","handleContainerClick","current","focus","fieldName","jsx","Controller","defaultValue","render","field","fieldState","hasError","jsxs","FormControl","fullWidth","children","Typography","weight","mb","className","ref","onClick","chip","onDelete","event","stopPropagation","outputValue","size","e","target","onKeyDown","key","preventDefault","lastIndex","handleKeyPress","onFocus","onBlur","handleBlur","onPaste","pastedText","clipboardData","getData","handlePaste","style","width","Math","max","InputAdornment","position","sx","ml","FormHelperText"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/chip-generator/chip-generator.tsx"],"sourcesContent":["//eslint-disable @typescript-eslint/no-explicit-any\nimport React, { useState, useRef, KeyboardEvent, memo } from 'react';\nimport { Controller } from 'react-hook-form';\nimport { \n  Chip, \n  Box, \n  FormControl, \n  FormHelperText,\n  InputAdornment,\n  styled\n} from '@mui/material';\nimport Typography from '../typography/typography';\n\n// interface ValidationRule {\n//   type: 'email' | 'url' | 'phone' | 'custom';\n//   pattern?: RegExp;\n//   message: string;\n//   validator?: (value: string) => boolean;\n// }\n\ninterface ChipGeneratorProps {\n  name: string;\n  control: any;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  disabled?: boolean;\n  validation?: any[];\n  maxChips?: number;\n  allowDuplicates?: boolean;\n  fieldArrayName?: string;\n  endIcon?: React.ReactNode;\n  helperText?: string;\n  error?: boolean;\n  onChipAdd?: (chip: string) => void;\n  onChipRemove?: (chip: string, index: number) => void;\n  customChipProps?: any;\n  textFieldProps?: any;\n  allowMultipleAdd?: boolean;\n  delimiters?: string[];\n  // New props for data type handling\n  dataType?: 'array' | 'string';\n  separator?: string;\n}\n\n// Styled components for inline chips\nconst ChipContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  minHeight: '1.4375em',\n  border: `1px solid #D3D3D4`,\n  borderRadius: '0.25rem',\n  cursor: 'text',\n  fontSize: '0.875rem',\n//   '&:hover': {\n//     borderColor: theme.palette.text.primary,\n//   },\n  '&.focused': {\n    borderColor:'#54CC96',\n    borderWidth: '1px',\n  },\n  '&.error': {\n    borderColor: theme.palette.error.main,\n  },\n  '&.disabled': {\n    backgroundColor: theme.palette.action.disabledBackground,\n    cursor: 'default',\n  },\n  paddingLeft: 3  \n}));\n\nconst InlineInput = styled('input')(({ theme }) => ({\n  border: 'none',\n  outline: 'none',\n  backgroundColor: 'transparent',\n  flexGrow: 1,\n  minWidth: '120px',\n  padding: '0.5rem',\n  fontSize: '0.875rem',\n  fontFamily: theme.typography.fontFamily,\n  '&::placeholder': {\n    color: theme.palette.text.secondary,\n    opacity: 1,\n  },\n  '&:disabled': {\n    cursor: 'default',\n  }\n}));\n\nconst InlineChip = styled(Chip)(({theme: { palette }}) => ({\n  height: '24px',\n  fontSize: '0.875rem',\n  borderColor:' #54CC96',\n  backgroundColor: palette.theme.primary[50],\n  color:'#2EB273',\n  margin: '1px',\n  '& .MuiChip-deleteIcon': {\n    fontSize: '16px',\n    color:'#2EB273',\n    '&:hover': {\n      color: '#2EB273',\n    },\n  },\n}));\n\nconst ChipGenerator: React.FC<ChipGeneratorProps> = memo(({\n  name,\n  control,\n  label,\n  placeholder = \"Type and press space to add\",\n  required = false,\n  disabled = false,\n  validation,\n  maxChips,\n  allowDuplicates = false,\n  fieldArrayName,\n  endIcon,\n  helperText,\n  error: externalError,\n  onChipAdd,\n  onChipRemove,\n  customChipProps = {},\n  allowMultipleAdd = true,\n  delimiters = [',', ';', '\\n', '\\t'],\n  dataType = 'string',\n  separator = ',',\n}) => {\n  const [inputValue, setInputValue] = useState('');\n  const [validationError, setValidationError] = useState('');\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const validateChip = (value: string,validation: any): { isValid: boolean; error: string } => {\n    if (!validation) return { isValid: true, error: '' };\n\n    const trimmedValue = value.trim();\n    if (!trimmedValue) return { isValid: false, error: 'Empty values are not allowed' };\n\n    switch (validation.type) {\n      case 'email': {\n        const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n        const isValidEmail = emailRegex.test(trimmedValue);\n        return {\n          isValid: isValidEmail,\n          error: isValidEmail ? '' : validation.message || 'Please enter a valid email address'\n        };\n      }\n\n    //   case 'url': {\n    //     const urlRegex = /^(https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-]*)*\\/?$/;\n    //     const isValidUrl = urlRegex.test(trimmedValue);\n    //     return {\n    //       isValid: isValidUrl,\n    //       error: isValidUrl ? '' : validation.message || 'Please enter a valid URL'\n    //     };\n    //   }\n\n      case 'phone': {\n        const phoneRegex = /^[+]?[1-9][\\d]{0,15}$/;\n        const isValidPhone = phoneRegex.test(trimmedValue.replace(/[\\s()-]/g, ''));\n        return {\n          isValid: isValidPhone,\n          error: isValidPhone ? '' : validation.message || 'Please enter a valid phone number'\n        };\n      }\n\n      case 'custom': {\n        if (validation.pattern) {\n          const isValid = validation.pattern.test(trimmedValue);\n          return {\n            isValid,\n            error: isValid ? '' : validation.message\n          };\n        }\n        if (validation.validator) {\n          const isValid = validation.validator(trimmedValue);\n          return {\n            isValid,\n            error: isValid ? '' : validation.message\n          };\n        }\n        return { isValid: true, error: '' };\n      }\n\n      default:\n        return { isValid: true, error: '' };\n    }\n  };\n\n  // Convert between string and array formats\n  const stringToArray = (str: string): string[] => {\n    if (!str || typeof str !== 'string') return [];\n    return str.split(separator).map(item => item.trim()).filter(Boolean);\n  };\n\n  const arrayToString = (arr: string[]): string => {\n    return arr.join(separator + ' ');\n  };\n\n  // Parse input value by delimiters\n  const parseMultipleValues = (inputStr: string): string[] => {\n    if (!allowMultipleAdd) {\n      return [inputStr.trim()].filter(Boolean);\n    }\n\n    const delimiterPattern = delimiters.map(d => \n      d.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n    ).join('|');\n    \n    const regex = new RegExp(`[${delimiterPattern}]`);\n    \n    return inputStr\n      .split(regex)\n      .map(val => val.trim())\n      .filter(Boolean);\n  };\n\n  const addChips = (inputStr: string, currentChips: string[]): { \n    newChips: string[]; \n    errors: string[]; \n    addedCount: number;\n  } => {\n    const valuesToAdd = parseMultipleValues(inputStr);\n    if (valuesToAdd.length === 0) {\n      return { newChips: currentChips, errors: [], addedCount: 0 };\n    }\n\n    const newChips = [...currentChips];\n    const errors: string[] = [];\n    let addedCount = 0;\n\n    for (const value of valuesToAdd) {\n      if (maxChips && newChips.length >= maxChips) {\n        errors.push(`Maximum ${maxChips} items allowed`);\n        break;\n      }\n \n    if (validation?.length > 0) {\n      const errorMessages = validation\n        .map(val => validateChip(value, val))\n        .filter(result => !result.isValid)\n        .map(result => result.error);\n\n      if (errorMessages.length > 0) {\n        errors.push(`\"${value}\": ${errorMessages.join(', ')}`);\n        continue;\n      }\n    }\n   \n\n      if (!allowDuplicates && newChips.includes(value)) {\n        errors.push(`\"${value}\": Duplicate values are not allowed`);\n        continue;\n      }\n\n      newChips.push(value);\n      addedCount++;\n      onChipAdd?.(value);\n    }\n\n    return { newChips, errors, addedCount };\n  };\n\n  const removeChip = (chipToRemove: string, index: number, currentChips: string[]) => {\n    const newChips = currentChips.filter((_, i) => i !== index);\n    onChipRemove?.(chipToRemove, index);\n    setValidationError('');\n    return newChips;\n  };\n\n  const processInput = (\n    inputStr: string,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n    const { newChips, errors } = addChips(inputStr, currentChips);\n    \n    if (errors.length > 0) {\n      setValidationError(errors.join('; '));\n    } else {\n      setValidationError('');\n    }\n    \n    if (newChips.length !== currentChips.length) {\n      const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n      onChange(outputValue);\n      setInputValue('');\n    }\n  };\n\n  const handleKeyPress = (\n    event: KeyboardEvent<HTMLInputElement>,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      if (inputValue.trim()) {\n        processInput(inputValue, onChange, currentValue);\n      }\n    } else if (event.key === 'Backspace' && !inputValue) {\n      const currentChips = Array.isArray(currentValue) ? currentValue : stringToArray(currentValue);\n      if (currentChips.length > 0) {\n        const lastIndex = currentChips.length - 1;\n        const newChips = removeChip(currentChips[lastIndex], lastIndex, currentChips);\n        const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n        onChange(outputValue);\n      }\n    }\n  };\n\n  const handleBlur = (\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    setFocused(false);\n    if (inputValue.trim()) {\n      processInput(inputValue, onChange, currentValue);\n    }\n  };\n\n  const handlePaste = (\n    event: React.ClipboardEvent<HTMLInputElement>,\n    onChange: (value: string[] | string) => void,\n    currentValue: string[] | string\n  ) => {\n    if (allowMultipleAdd) {\n      event.preventDefault();\n      const pastedText = event.clipboardData.getData('text');\n      const combinedInput = inputValue + pastedText;\n      processInput(combinedInput, onChange, currentValue);\n    }\n  };\n\n  const handleContainerClick = () => {\n    if (!disabled && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const fieldName = fieldArrayName ? `${fieldArrayName}.${name}` : name;\n\n  return (\n    <Controller\n      name={fieldName}\n      control={control}\n      defaultValue={dataType === 'string' ? '' : []}\n      render={({ field: { onChange, value, ...field }, fieldState: { error } }) => {\n        const currentChips = Array.isArray(value) ? value : stringToArray(value || '');\n        const hasError = !!error || !!validationError || externalError;\n\n        return (\n          <FormControl fullWidth error={hasError}>\n            {label && (\n           <Typography\n                   type=\"s5\"\n                   weight={\"medium\"}\n                   mb={0.5}\n                   color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n                 >\n                   {label} {required && <span className=\"requiredStar\">*</span>}\n                 </Typography>\n            )}\n\n            <ChipContainer\n              ref={containerRef}\n              className={`${focused ? 'focused' : ''} ${hasError ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n              onClick={handleContainerClick}\n            >\n              {currentChips.map((chip: string, index: number) => (\n                <InlineChip\n                  key={`${chip}-${index}`}\n                  label={chip}\n                  onDelete={\n                    disabled\n                      ? undefined\n                      : (event) => {\n                          event.stopPropagation();\n                          const newChips = removeChip(chip, index, currentChips);\n                          const outputValue = dataType === 'string' ? arrayToString(newChips) : newChips;\n                          onChange(outputValue);\n                        }\n                  }\n                  size=\"small\"\n                  // color=\"primary\"\n                  // variant=\"outlined\"\n                  {...customChipProps}\n                />\n              ))}\n              \n              <InlineInput\n                {...field}\n                ref={inputRef}\n                value={inputValue}\n                onChange={(e) => setInputValue(e.target.value)}\n                onKeyDown={(e) => handleKeyPress(e, onChange, value)}\n                onFocus={() => setFocused(true)}\n                onBlur={() => handleBlur(onChange, value)}\n                onPaste={(e) => handlePaste(e, onChange, value)}\n                placeholder={currentChips.length === 0 ? placeholder : ''}\n                disabled={disabled}\n                style={{ \n                  width: inputValue ? `${Math.max(inputValue.length * 8, 120)}px` : '120px',\n                }}\n              />\n              \n              {endIcon && (\n                <InputAdornment position=\"end\" sx={{ ml: 1 }}>\n                  {endIcon}\n                </InputAdornment>\n              )}\n            </ChipContainer>\n\n            {(helperText || error?.message || validationError) && (\n              <FormHelperText>\n                {error?.message || validationError || helperText}\n              </FormHelperText>\n            )}\n\n            {maxChips && (\n              <FormHelperText>\n                {currentChips.length} / {maxChips} items\n              </FormHelperText>\n            )}\n\n          \n          </FormControl>\n        );\n      }}\n    />\n  );\n});\n\nexport default ChipGenerator;"],"names":["ChipContainer","styled","Box","theme","display","flexWrap","alignItems","gap","spacing","minHeight","border","borderRadius","cursor","fontSize","borderColor","borderWidth","palette","error","main","backgroundColor","action","disabledBackground","paddingLeft","InlineInput","outline","flexGrow","minWidth","padding","fontFamily","typography","color","text","secondary","opacity","InlineChip","Chip","height","primary","margin","ChipGenerator","memo","name","control","label","placeholder","required","disabled","validation","maxChips","allowDuplicates","fieldArrayName","endIcon","helperText","externalError","onChipAdd","onChipRemove","customChipProps","allowMultipleAdd","delimiters","dataType","separator","inputValue","setInputValue","useState","validationError","setValidationError","focused","setFocused","inputRef","useRef","containerRef","validateChip","value","isValid","trimmedValue","trim","type","isValidEmail","test","message","isValidPhone","replace","pattern","validator","stringToArray","str","split","map","item","filter","Boolean","arrayToString","arr","join","removeChip","chipToRemove","index","currentChips","newChips","_","i","processInput","inputStr","onChange","currentValue","Array","isArray","errors","valuesToAdd","delimiterPattern","d","regex","RegExp","val","parseMultipleValues","length","addedCount","push","errorMessages","result","includes","addChips","handleContainerClick","current","focus","fieldName","jsx","Controller","defaultValue","render","field","fieldState","hasError","jsxs","FormControl","fullWidth","children","Typography","weight","mb","className","ref","onClick","chip","onDelete","event","stopPropagation","outputValue","size","e","target","onKeyDown","key","preventDefault","lastIndex","handleKeyPress","onFocus","onBlur","handleBlur","onPaste","pastedText","clipboardData","getData","handlePaste","style","width","Math","max","InputAdornment","position","sx","ml","FormHelperText"],"mappings":"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"}

package/dist/components/color-picker-input/color-picker-input/index.esm.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { InputAdornment } from "@mui/material";
 import TextField from "../../text-field/text-field/index.esm.js";
-import ColorLensIcon from "@mui/icons-material/ColorLens";
+import default_1 from "../../../node_modules/@mui/icons-material/ColorLens/index.esm.js";
 import _ from "lodash";
+import InputAdornment from "../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
 const ColorPickerInput = ({ value, onChange, label, ...props }) => {
   const debouncedSetColor = _.debounce((value2) => {
     onChange(value2);
@@ -21,7 +21,7 @@ const ColorPickerInput = ({ value, onChange, label, ...props }) => {
       size: "small",
       fullWidth: true,
       InputProps: {
-        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(ColorLensIcon, { fontSize: "small" }) })
+        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) })
       },
       ...props
     }

package/dist/components/color-picker-input/color-picker-input/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/color-picker-input/color-picker-input.tsx"],"sourcesContent":["import { InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport _ from \"lodash\";\nimport React from \"react\";\n\nconst ColorPickerInput = ({value, onChange, label, ...props}) => {\n\n   // Debounced function to update text\n   const debouncedSetColor = (\n    _.debounce((value) => {\n      onChange(value)\n    }, 500)\n  );\n\n  const handleColorChange = (e) => {\n    debouncedSetColor(e.target.value);\n  };\n\n  return (\n    <TextField\n            label={label || ''}\n            variant='outlined'\n            type=\"color\"\n            value={value}\n            onChange={handleColorChange}\n            size=\"small\"\n            fullWidth\n            InputProps={{\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <ColorLensIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            }}\n            {...props}\n          />\n  );\n}\n \nexport default ColorPickerInput;"],"names":["value"],"mappings":";;;;;AAMA,MAAM,mBAAmB,CAAC,EAAC,OAAO,UAAU,OAAO,GAAG,YAAW;AAG9D,QAAM,oBACL,EAAE,SAAS,CAACA,WAAU;AACpB,aAASA,MAAK;AAAA,EAChB,GAAG,GAAG;AAGR,QAAM,oBAAoB,CAAC,MAAM;AAC/B,sBAAkB,EAAE,OAAO,KAAK;AAAA,EAClC;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACO,OAAO,SAAS;AAAA,MAChB,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,UAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAS;AAAA,MACT,YAAY;AAAA,QACV,oCACG,gBAAA,EAAe,UAAS,SACvB,UAAA,oBAAC,eAAA,EAAc,UAAS,QAAA,CAAQ,EAAA,CAClC;AAAA,MAAA;AAAA,MAGH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/color-picker-input/color-picker-input.tsx"],"sourcesContent":["import { InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport _ from \"lodash\";\nimport React from \"react\";\n\nconst ColorPickerInput = ({value, onChange, label, ...props}) => {\n\n   // Debounced function to update text\n   const debouncedSetColor = (\n    _.debounce((value) => {\n      onChange(value)\n    }, 500)\n  );\n\n  const handleColorChange = (e) => {\n    debouncedSetColor(e.target.value);\n  };\n\n  return (\n    <TextField\n            label={label || ''}\n            variant='outlined'\n            type=\"color\"\n            value={value}\n            onChange={handleColorChange}\n            size=\"small\"\n            fullWidth\n            InputProps={{\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <ColorLensIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            }}\n            {...props}\n          />\n  );\n}\n \nexport default ColorPickerInput;"],"names":["value","ColorLensIcon"],"mappings":";;;;;AAMA,MAAM,mBAAmB,CAAC,EAAC,OAAO,UAAU,OAAO,GAAG,YAAW;AAG9D,QAAM,oBACL,EAAE,SAAS,CAACA,WAAU;AACpB,aAASA,MAAK;AAAA,EAChB,GAAG,GAAG;AAGR,QAAM,oBAAoB,CAAC,MAAM;AAC/B,sBAAkB,EAAE,OAAO,KAAK;AAAA,EAClC;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACO,OAAO,SAAS;AAAA,MAChB,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,UAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAS;AAAA,MACT,YAAY;AAAA,QACV,oCACG,gBAAA,EAAe,UAAS,SACvB,UAAA,oBAACC,WAAA,EAAc,UAAS,QAAA,CAAQ,EAAA,CAClC;AAAA,MAAA;AAAA,MAGH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/components/color-picker-input/color-picker-input/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("../../text-field/text-field/index.js"),l=require("@mui/icons-material/ColorLens"),a=require("lodash");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/* @__PURE__ */u(l),i=/* @__PURE__ */u(a);exports.default=({value:l,onChange:a,label:u,...o})=>{const s=i.default.debounce(e=>{a(e)},500);/* @__PURE__ */
-return e.jsx(r.default,{label:u||"",variant:"outlined",type:"color",value:l,onChange:e=>{s(e.target.value)},size:"small",fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(t.InputAdornment,{position:"start",children:/* @__PURE__ */e.jsx(n.default,{fontSize:"small"})})},...o})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../text-field/text-field/index.js"),r=require("../../../node_modules/@mui/icons-material/ColorLens/index.js"),n=require("lodash"),l=require("../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/* @__PURE__ */u(n);exports.default=({value:n,onChange:u,label:o,...i})=>{const d=a.default.debounce(e=>{u(e)},500);/* @__PURE__ */
+return e.jsx(t.default,{label:o||"",variant:"outlined",type:"color",value:n,onChange:e=>{d(e.target.value)},size:"small",fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(l.default,{position:"start",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})},...i})};
 //# sourceMappingURL=index.js.map

package/dist/components/color-picker-input/color-picker-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/color-picker-input/color-picker-input.tsx"],"sourcesContent":["import { InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport _ from \"lodash\";\nimport React from \"react\";\n\nconst ColorPickerInput = ({value, onChange, label, ...props}) => {\n\n   // Debounced function to update text\n   const debouncedSetColor = (\n    _.debounce((value) => {\n      onChange(value)\n    }, 500)\n  );\n\n  const handleColorChange = (e) => {\n    debouncedSetColor(e.target.value);\n  };\n\n  return (\n    <TextField\n            label={label || ''}\n            variant='outlined'\n            type=\"color\"\n            value={value}\n            onChange={handleColorChange}\n            size=\"small\"\n            fullWidth\n            InputProps={{\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <ColorLensIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            }}\n            {...props}\n          />\n  );\n}\n \nexport default ColorPickerInput;"],"names":["value","onChange","label","props","debouncedSetColor","_","debounce","jsx","TextField","variant","type","e","target","size","fullWidth","InputProps","startAdornment","InputAdornment","position","children","ColorLensIcon","fontSize"],"mappings":"2XAMyB,EAAEA,QAAOC,WAAUC,WAAUC,MAGnD,MAAMC,EACLC,EAAAA,QAAEC,SAAUN,IACVC,EAASD,IACR;AAOL,OACEO,EAAAA,IAACC,EAAAA,QAAA,CACON,MAAOA,GAAS,GAChBO,QAAQ,WACRC,KAAK,QACLV,QACAC,SAViBU,IACzBP,EAAkBO,EAAEC,OAAOZ,QAUnBa,KAAK,QACLC,WAAS,EACTC,WAAY,CACVC,oCACGC,iBAAA,CAAeC,SAAS,QACvBC,wBAAAZ,EAAAA,IAACa,EAAAA,QAAA,CAAcC,SAAS,gBAI1BlB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/color-picker-input/color-picker-input.tsx"],"sourcesContent":["import { InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport _ from \"lodash\";\nimport React from \"react\";\n\nconst ColorPickerInput = ({value, onChange, label, ...props}) => {\n\n   // Debounced function to update text\n   const debouncedSetColor = (\n    _.debounce((value) => {\n      onChange(value)\n    }, 500)\n  );\n\n  const handleColorChange = (e) => {\n    debouncedSetColor(e.target.value);\n  };\n\n  return (\n    <TextField\n            label={label || ''}\n            variant='outlined'\n            type=\"color\"\n            value={value}\n            onChange={handleColorChange}\n            size=\"small\"\n            fullWidth\n            InputProps={{\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <ColorLensIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            }}\n            {...props}\n          />\n  );\n}\n \nexport default ColorPickerInput;"],"names":["value","onChange","label","props","debouncedSetColor","_","debounce","jsx","TextField","variant","type","e","target","size","fullWidth","InputProps","startAdornment","InputAdornment","position","children","ColorLensIcon","fontSize"],"mappings":"icAMyB,EAAEA,QAAOC,WAAUC,WAAUC,MAGnD,MAAMC,EACLC,EAAAA,QAAEC,SAAUN,IACVC,EAASD,IACR;AAOL,OACEO,EAAAA,IAACC,EAAAA,QAAA,CACON,MAAOA,GAAS,GAChBO,QAAQ,WACRC,KAAK,QACLV,QACAC,SAViBU,IACzBP,EAAkBO,EAAEC,OAAOZ,QAUnBa,KAAK,QACLC,WAAS,EACTC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBC,wBAAAZ,EAAAA,IAACa,EAAAA,QAAA,CAAcC,SAAS,gBAI1BlB"}

package/dist/components/confirm-modal/confirm-modal/index.esm.js

@@ -1,12 +1,19 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { Dialog, DialogTitle, Box, IconButton, Divider, DialogContent, DialogActions, CircularProgress } from "@mui/material";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import Button from "../../button/button/index.esm.js";
 /* empty css                              */
 import { images } from "../../../images/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
 import { useTranslation } from "react-i18next";
+import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
+import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 const ConfirmPopUp = (props) => {
   const { t } = useTranslation();
   const {
@@ -40,7 +47,7 @@ const ConfirmPopUp = (props) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: onClose, disabled: loading, children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+      /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: onClose, disabled: loading, children: /* @__PURE__ */ jsx(default_1, {}) })
     ] }),
     /* @__PURE__ */ jsx(Divider, {}),
     /* @__PURE__ */ jsx(DialogContent, { className: "confirm--content", children: /* @__PURE__ */ jsx(Typography, { type: "s3", color: "theme.secondary.1000", children: description }) }),