lizaui 14.0.5 → 14.0.7

package/dist/area-chart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["height = 300","margin = { bottom: 0, left: 0, right: 8, top: 8 }","width = \"100%\"","{\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: AreaChartRootProps","areaChartVariants()","useMemo(() => areaChartVariants(), [])","composeSlotClassName(slots?.base, className)","<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>","<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>\n\t\t\t</ResponsiveContainer>","<div className={composeSlotClassName(slots?.base, className)} data-slot=\"area-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>","_c","RechartsAreaChart","AreaChartArea","AreaChartGrid","AreaChartTooltip","AreaChartTooltipContent","AreaChartXAxis","AreaChartYAxis"],"sources":["../../src/components/area-chart/area-chart.styles.ts","../../src/components/area-chart/area-chart.tsx","../../src/components/area-chart/index.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\";\n\nimport { tv } from \"tailwind-variants\";\n\nexport const areaChartVariants = tv({\n\tslots: {\n\t\tbase: \"area-chart\",\n\t},\n});\n\nexport type AreaChartVariants = VariantProps<typeof areaChartVariants>;\n","\"use client\";\n\nimport \"./area-chart.css\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { useMemo } from \"react\";\nimport { Area, AreaChart as RechartsAreaChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from \"recharts\";\n\nimport { composeSlotClassName } from \"@/lib/utils/compose\";\nimport { ChartTooltipContent } from \"../chart-tooltip/chart-tooltip-content\";\n\nimport { areaChartVariants } from \"./area-chart.styles\";\n\n/* -------------------------------------------------------------------------------------------------\n * Area Chart Root\n * -----------------------------------------------------------------------------------------------*/\ninterface AreaChartRootProps extends ComponentPropsWithRef<\"div\"> {\n\tchildren: ReactNode;\n\t/** Chart data — array of objects with numeric/string fields for each series. `null` renders a gap. */\n\tdata: Record<string, number | string | null>[];\n\t/** Chart height in pixels. @default 300 */\n\theight?: number;\n\t/** Recharts margin. @default { top: 8, right: 8, bottom: 0, left: 0 } */\n\tmargin?: {\n\t\tbottom?: number;\n\t\tleft?: number;\n\t\tright?: number;\n\t\ttop?: number;\n\t};\n\t/** Chart width in pixels or percentage string like \"100%\". @default \"100%\" */\n\twidth?: number | `${number}%`;\n}\n\n// Children are Recharts parts (Area, XAxis, Tooltip…) rendered inside the responsive chart\nconst AreaChartRoot = ({\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: AreaChartRootProps) => {\n\tconst slots = useMemo(() => areaChartVariants(), []);\n\n\treturn (\n\t\t<div className={composeSlotClassName(slots?.base, className)} data-slot=\"area-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>\n\t);\n};\n\n(AreaChartRoot as { displayName?: string }).displayName = \"LizaUI.AreaChart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\nexport { AreaChartRoot };\n\nexport type { AreaChartRootProps };\n\n// The other parts are Recharts primitives re-exported under chart-specific names\nexport {\n\tArea as AreaChartArea,\n\tCartesianGrid as AreaChartGrid,\n\tTooltip as AreaChartTooltip,\n\tXAxis as AreaChartXAxis,\n\tYAxis as AreaChartYAxis,\n\tChartTooltipContent as AreaChartTooltipContent,\n};\n","import type { ComponentProps } from \"react\";\n\nimport { AreaChartArea, AreaChartGrid, AreaChartRoot, AreaChartTooltip, AreaChartTooltipContent, AreaChartXAxis, AreaChartYAxis } from \"./area-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Compound Component\n * -----------------------------------------------------------------------------------------------*/\nexport const AreaChart = Object.assign(AreaChartRoot, {\n\tArea: AreaChartArea,\n\tGrid: AreaChartGrid,\n\tRoot: AreaChartRoot,\n\tTooltip: AreaChartTooltip,\n\tTooltipContent: AreaChartTooltipContent,\n\tXAxis: AreaChartXAxis,\n\tYAxis: AreaChartYAxis,\n});\n\nexport type AreaChart = {\n\tAreaProps: ComponentProps<typeof AreaChartArea>;\n\tGridProps: ComponentProps<typeof AreaChartGrid>;\n\tProps: ComponentProps<typeof AreaChartRoot>;\n\tRootProps: ComponentProps<typeof AreaChartRoot>;\n\tTooltipContentProps: ComponentProps<typeof AreaChartTooltipContent>;\n\tTooltipProps: ComponentProps<typeof AreaChartTooltip>;\n\tXAxisProps: ComponentProps<typeof AreaChartXAxis>;\n\tYAxisProps: ComponentProps<typeof AreaChartYAxis>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Named Component\n * -----------------------------------------------------------------------------------------------*/\nexport { AreaChartArea, AreaChartGrid, AreaChartRoot, AreaChartTooltip, AreaChartTooltipContent, AreaChartXAxis, AreaChartYAxis };\n\nexport type { AreaChartRootProps } from \"./area-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Variants\n * -----------------------------------------------------------------------------------------------*/\nexport { areaChartVariants } from \"./area-chart.styles\";\n\nexport type { AreaChartVariants } from \"./area-chart.styles\";\n"],"mappings":";;;;;;;AAIA,IAAa,oBAAoB,GAAG,EACnC,OAAO,EACN,MAAM,aACP,EACD,CAAC;;AC0BD,IAAM,iBAAA,OAQoB;;CAPzB,IAAA;CACA,IAAA;CACA,IAAA;CAIG,IAAA;CAHHA,IAAAA;CACAC,IAAAA;CACAC,IAAAA;CANsBC,IAAAA,EAAAA,OAAAA,IAAAA;EACtB,CAAA,CAAA,UACA,WACA,MACA,QAAA,IACA,QAAA,IACA,OAAA,IACA,GAAA,SAPsBA;;;;;;;;;;;;;;;;;;CAItB,MAAA,SAAA,OAAA,KAAA,IAAS,MAATH;CACAC,IAAAA;;EAAS,KAAA,OAAA,KAAA,IAAA;GAAE,QAAQ;GAAG,MAAM;GAAG,OAAO;GAAG,KAAK;EAAE,IAAhDA;;;;;CACA,MAAA,QAAA,OAAA,KAAA,IAAQ,SAARC;CAG4BE,IAAAA;;EAAkB,KAAA,kBAAA;;;CAA9C,MAAM,QAAQC;CAGGC,IAAAA;CAAkC,IAAA,EAAA,QAAA,WAAA;EAAlC,KAAA,qBAAqB,OAAO,MAAM,SAAS;EAAT,EAAA,MAAA;;;CAEhDC,IAAAA;CACE,IAAA,EAAA,QAAA,YAAA,EAAA,QADuB,QAAA,EAAA,QAAc,QAAA;EAAvC,KAAA,oBAACI,aAAD;GAAyB;GAAc;GACrC;EACiB,CAAA;EADjB,EAAA,MAAA;EADuB,EAAA,MAAA;EAAc,EAAA,MAAA;;;CADxCH,IAAAA;CAA6B,IAAA,EAAA,QAAA,UAAA,EAAA,QAC5BD,MAAAA,EAAAA,QAD2C,OAAA;EAA5C,KAAA,oBAAC,qBAAD;GAA6B;GAAe;GAC3CA,UAAAA;EAGoB,CAAA;EAJQ,EAAA,MAAA;EAC5BA,EAAAA,MAAAA;EAD2C,EAAA,MAAA;;;CAD7CE,IAAAA;CAAyF,IAAA,EAAA,QAAA,SAAA,EAAA,QAAzEH,MAAAA,EAAAA,QACfE,IAAAA;EADD,KAAA,oBAAC,OAAD;GAAK,WAAWF;GAA8C,aAAU;GAAa,GAAI;GACxFE,UAAAA;EAKI,CAAA;EANoF,EAAA,MAAA;EAAzEF,EAAAA,MAAAA;EACfE,EAAAA,MAAAA;;;CAFF,OACCC;AAQF;AAEA,cAA4C,cAAc;;ACjD1D,IAAa,YAAY,OAAO,OAAO,eAAe;CAC/CG;CACN,MAAMC;CACN,MAAM;CACGC;CACT,gBAAgBC;CACTC;CACAC;AACR,CAAC"}
+{"version":3,"file":"index.js","names":["height = 300","margin = { bottom: 0, left: 0, right: 8, top: 8 }","width = \"100%\"","{\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: AreaChartRootProps","...props","areaChartVariants()","useMemo(() => areaChartVariants(), [])","composeSlotClassName(slots?.base, className)","<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>","<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>\n\t\t\t</ResponsiveContainer>","<div className={composeSlotClassName(slots?.base, className)} data-slot=\"area-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>","RechartsAreaChart","AreaChartArea","AreaChartGrid","AreaChartTooltip","AreaChartTooltipContent","AreaChartXAxis","AreaChartYAxis"],"sources":["../../src/components/area-chart/area-chart.styles.ts","../../src/components/area-chart/area-chart.tsx","../../src/components/area-chart/index.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\";\n\nimport { tv } from \"tailwind-variants\";\n\nexport const areaChartVariants = tv({\n\tslots: {\n\t\tbase: \"area-chart\",\n\t},\n});\n\nexport type AreaChartVariants = VariantProps<typeof areaChartVariants>;\n","\"use client\";\n\nimport \"./area-chart.css\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { useMemo } from \"react\";\nimport { Area, AreaChart as RechartsAreaChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from \"recharts\";\n\nimport { composeSlotClassName } from \"@/lib/utils/compose\";\nimport { ChartTooltipContent } from \"../chart-tooltip/chart-tooltip-content\";\n\nimport { areaChartVariants } from \"./area-chart.styles\";\n\n/* -------------------------------------------------------------------------------------------------\n * Area Chart Root\n * -----------------------------------------------------------------------------------------------*/\ninterface AreaChartRootProps extends ComponentPropsWithRef<\"div\"> {\n\tchildren: ReactNode;\n\t/** Chart data — array of objects with numeric/string fields for each series. `null` renders a gap. */\n\tdata: Record<string, number | string | null>[];\n\t/** Chart height in pixels. @default 300 */\n\theight?: number;\n\t/** Recharts margin. @default { top: 8, right: 8, bottom: 0, left: 0 } */\n\tmargin?: {\n\t\tbottom?: number;\n\t\tleft?: number;\n\t\tright?: number;\n\t\ttop?: number;\n\t};\n\t/** Chart width in pixels or percentage string like \"100%\". @default \"100%\" */\n\twidth?: number | `${number}%`;\n}\n\n// Children are Recharts parts (Area, XAxis, Tooltip…) rendered inside the responsive chart\nconst AreaChartRoot = ({\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: AreaChartRootProps) => {\n\tconst slots = useMemo(() => areaChartVariants(), []);\n\n\treturn (\n\t\t<div className={composeSlotClassName(slots?.base, className)} data-slot=\"area-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>\n\t);\n};\n\n(AreaChartRoot as { displayName?: string }).displayName = \"LizaUI.AreaChart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\nexport { AreaChartRoot };\n\nexport type { AreaChartRootProps };\n\n// The other parts are Recharts primitives re-exported under chart-specific names\nexport {\n\tArea as AreaChartArea,\n\tCartesianGrid as AreaChartGrid,\n\tTooltip as AreaChartTooltip,\n\tXAxis as AreaChartXAxis,\n\tYAxis as AreaChartYAxis,\n\tChartTooltipContent as AreaChartTooltipContent,\n};\n","import type { ComponentProps } from \"react\";\n\nimport { AreaChartArea, AreaChartGrid, AreaChartRoot, AreaChartTooltip, AreaChartTooltipContent, AreaChartXAxis, AreaChartYAxis } from \"./area-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Compound Component\n * -----------------------------------------------------------------------------------------------*/\nexport const AreaChart = Object.assign(AreaChartRoot, {\n\tArea: AreaChartArea,\n\tGrid: AreaChartGrid,\n\tRoot: AreaChartRoot,\n\tTooltip: AreaChartTooltip,\n\tTooltipContent: AreaChartTooltipContent,\n\tXAxis: AreaChartXAxis,\n\tYAxis: AreaChartYAxis,\n});\n\nexport type AreaChart = {\n\tAreaProps: ComponentProps<typeof AreaChartArea>;\n\tGridProps: ComponentProps<typeof AreaChartGrid>;\n\tProps: ComponentProps<typeof AreaChartRoot>;\n\tRootProps: ComponentProps<typeof AreaChartRoot>;\n\tTooltipContentProps: ComponentProps<typeof AreaChartTooltipContent>;\n\tTooltipProps: ComponentProps<typeof AreaChartTooltip>;\n\tXAxisProps: ComponentProps<typeof AreaChartXAxis>;\n\tYAxisProps: ComponentProps<typeof AreaChartYAxis>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Named Component\n * -----------------------------------------------------------------------------------------------*/\nexport { AreaChartArea, AreaChartGrid, AreaChartRoot, AreaChartTooltip, AreaChartTooltipContent, AreaChartXAxis, AreaChartYAxis };\n\nexport type { AreaChartRootProps } from \"./area-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Variants\n * -----------------------------------------------------------------------------------------------*/\nexport { areaChartVariants } from \"./area-chart.styles\";\n\nexport type { AreaChartVariants } from \"./area-chart.styles\";\n"],"mappings":";;;;;;;AAIA,IAAa,oBAAoB,GAAG,EACnC,OAAO,EACN,MAAM,aACP,EACD,CAAC;;AC0BD,IAAM,iBAAA,OAQoB;;CAPzB,IAAA;CACA,IAAA;CACA,IAAA;CAIG,IAAA;CAHHA,IAAAA;CACAC,IAAAA;CACAC,IAAAA;CANsBC,IAAAA,EAAAA,OAAAA,IAAAA;EACtB,CAAA,CAAA,UACA,WACA,MACAH,QAAAA,IACAC,QAAAA,IACAC,OAAAA,IACAE,GAAAA,SAPsBD;;;;;;;;;;;;;;;;;;CAItBH,MAAAA,SAAAA,OAAAA,KAAAA,IAAS,MAATA;CACAC,IAAAA;;EAAS,KAAA,OAAA,KAAA,IAAA;GAAE,QAAQ;GAAG,MAAM;GAAG,OAAO;GAAG,KAAK;EAAE,IAAhDA;;;;;CACAC,MAAAA,QAAAA,OAAAA,KAAAA,IAAQ,SAARA;CAG4BG,IAAAA;;EAAkB,KAAA,kBAAA;;;CAA9C,MAAM,QAAQC;CAGGC,IAAAA;CAAkC,IAAA,EAAA,QAAA,WAAA;EAAlCA,KAAAA,qBAAqB,OAAO,MAAM,SAAS;EAAT,EAAA,MAAA;;;CAEhDC,IAAAA;CACE,IAAA,EAAA,QAAA,YAAA,EAAA,QADuB,QAAA,EAAA,QAAc,QAAA;EAAvCA,KAAAA,oBAACG,aAAD;GAAyB;GAAc;GACrC;EACiB,CAAA;EADjB,EAAA,MAAA;EADuB,EAAA,MAAA;EAAc,EAAA,MAAA;;;CADxCF,IAAAA;CAA6B,IAAA,EAAA,QAAA,UAAA,EAAA,QAC5BD,MAAAA,EAAAA,QAD2C,OAAA;EAA5CC,KAAAA,oBAAC,qBAAD;GAA6B;GAAe;GAC3CD,UAAAA;EAGoB,CAAA;EAJQ,EAAA,MAAA;EAC5BA,EAAAA,MAAAA;EAD2C,EAAA,MAAA;;;CAD7CE,IAAAA;CAAyF,IAAA,EAAA,QAAA,SAAA,EAAA,QAAzEH,MAAAA,EAAAA,QACfE,IAAAA;EADDC,KAAAA,oBAAC,OAAD;GAAK,WAAWH;GAA8C,aAAU;GAAa,GAAI;GACxFE,UAAAA;EAKI,CAAA;EANoF,EAAA,MAAA;EAAzEF,EAAAA,MAAAA;EACfE,EAAAA,MAAAA;;;CAFF,OACCC;AAQF;AAEC,cAA2C,cAAc;;ACjD1D,IAAa,YAAY,OAAO,OAAO,eAAe;CAC/CE;CACN,MAAMC;CACN,MAAM;CACGC;CACT,gBAAgBC;CACTC;CACAC;AACR,CAAC"}

package/dist/autocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["<path d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\" fill=\"currentColor\" />","<svg viewBox=\"0 0 24 24\" width={16} height={16} aria-hidden=\"true\" {...props}>\r\n\t\t<path d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\" fill=\"currentColor\" />\r\n\t</svg>","{\r\n\t\tel,\r\n\t\tactive,\r\n\t\tonClick,\r\n\t\tisHoverIndex,\r\n\t\tsetHoverIndex,\r\n\t\tindex,\r\n\t\tdisplayField = \"name\",\r\n\t\tstartOptionIcon,\r\n\t}: AutocompleteOptionItemProps<T>","displayField = \"name\"","createRef<HTMLLIElement>()","() => {\r\n\t\t\t!isHoverIndex && setHoverIndex(index);\r\n\t\t}","() => {\r\n\t\t\tif (isHoverIndex && itemRef.current) {\r\n\t\t\t\titemRef.current.scrollIntoView({ behavior: \"auto\", block: \"nearest\" });\r\n\t\t\t}\r\n\t\t}","[isHoverIndex]","cn(\r\n\t\t\t\t\t\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2 mb-0.5\",\r\n\t\t\t\t\tisHoverIndex ? \"bg-default-100\" : \"\",\r\n\t\t\t\t\tisSelected ? \"bg-default-200 font-semibold active-option-list\" : \"font-normal hover:bg-default-100 text-default-800\",\r\n\t\t\t\t)","isHoverIndex ? \"bg-default-100\" : \"\"","isSelected ? \"bg-default-200 font-semibold active-option-list\" : \"font-normal hover:bg-default-100 text-default-800\"","(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\tonClick({ e: undefined, el });\r\n\t\t\t\t}","el.children && <div className=\"flex-shrink-0\">{el.children}</div>","children","!el.children && (\r\n\t\t\t\t\t<div className=\"flex items-center justify-between gap-2 w-full\">\r\n\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\r\n\t\t\t\t\t\t\t{startOptionIcon ?? null}\r\n\t\t\t\t\t\t\t<div>{(el as any)[displayField as string]}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<CheckIcon className={cn(\"ml-auto\", isSelected ? \"visible \" : \"invisible\")} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)","el.children","<li\r\n\t\t\t\tref={itemRef}\r\n\t\t\t\taria-selected={!!isSelected}\r\n\t\t\t\tclassName={cn(\r\n\t\t\t\t\t\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2 mb-0.5\",\r\n\t\t\t\t\tisHoverIndex ? \"bg-default-100\" : \"\",\r\n\t\t\t\t\tisSelected ? \"bg-default-200 font-semibold active-option-list\" : \"font-normal hover:bg-default-100 text-default-800\",\r\n\t\t\t\t)}\r\n\t\t\t\trole=\"option\"\r\n\t\t\t\ttranslate=\"no\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\tonClick({ e: undefined, el });\r\n\t\t\t\t}}\r\n\t\t\t\tonMouseEnter={handleMouseEnterItem}\r\n\t\t\t>\r\n\t\t\t\t{el.children && <div className=\"flex-shrink-0\">{el.children}</div>}\r\n\t\t\t\t{!el.children && (\r\n\t\t\t\t\t<div className=\"flex items-center justify-between gap-2 w-full\">\r\n\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\r\n\t\t\t\t\t\t\t{startOptionIcon ?? null}\r\n\t\t\t\t\t\t\t<div>{(el as any)[displayField as string]}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<CheckIcon className={cn(\"ml-auto\", isSelected ? \"visible \" : \"invisible\")} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</li>","!!isSelected","CheckIcon","_c","{ targetKey }: Props","() => {\r\n\t\tconst downHandler = ({ key }: KeyboardEvent) => {\r\n\t\t\tif (key === targetKey) setKeyPressed(true);\r\n\t\t};\r\n\t\tconst upHandler = ({ key }: KeyboardEvent) => {\r\n\t\t\tif (key === targetKey) setKeyPressed(false);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"keydown\", downHandler);\r\n\t\twindow.addEventListener(\"keyup\", upHandler);\r\n\r\n\t\treturn () => {\r\n\t\t\twindow.removeEventListener(\"keydown\", downHandler);\r\n\t\t\twindow.removeEventListener(\"keyup\", upHandler);\r\n\t\t};\r\n\t}","[targetKey]","{ key }: KeyboardEvent","key","_c","{\r\n\tdataValue,\r\n\tactive,\r\n\tonClick,\r\n\tmultiple,\r\n\ttextNoData,\r\n\thoverIndex,\r\n\tsetHoverIndex,\r\n\tshowTextNoData = true,\r\n\temptyContentChildren,\r\n\tdisplayField = \"name\",\r\n    startOptionIcon,\r\n}: OptionListProps<any>","showTextNoData = true","displayField = \"name\"","{ targetKey: \"ArrowUp\" }","{ targetKey: \"ArrowDown\" }","() => {\r\n\t\tif (arrowUpPressed && hoverIndex !== null && hoverIndex > 0) {\r\n\t\t\tsetHoverIndex((previous) => (previous || 0) - 1);\r\n\t\t}\r\n\t}","(previous) => (previous || 0) - 1","[arrowUpPressed]","() => {\r\n\t\tif (arrowDownPressed && hoverIndex !== null && hoverIndex + 1 < dataValue.length) {\r\n\t\t\tsetHoverIndex((previous) => (previous || 0) + 1);\r\n\t\t}\r\n\t}","length","(previous) => (previous || 0) + 1","[arrowDownPressed]","<div className=\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2\">\r\n\t\t\t\t<div>{textNoData}</div>\r\n\t\t\t</div>","dataValue.map((el, index) =>\r\n\t\t\t\tmultiple ? (\r\n\t\t\t\t\t<div key={`autocomplete-multi-${(el as any).id}-${index}`} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<AutocompleteOptionItem\r\n\t\t\t\t\t\tkey={`autocomplete-item-${(el as any).id}-${index}`}\r\n\t\t\t\t\t\tactive={active as any}\r\n\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\tel={el as any}\r\n\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\tisHoverIndex={hoverIndex === index}\r\n\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\tonClick={onClick as any}\r\n                        startOptionIcon={startOptionIcon}\r\n\t\t\t\t\t/>\r\n\t\t\t\t),\r\n\t\t\t)","(el, index) =>\r\n\t\t\t\tmultiple ? (\r\n\t\t\t\t\t<div key={`autocomplete-multi-${(el as any).id}-${index}`} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<AutocompleteOptionItem\r\n\t\t\t\t\t\tkey={`autocomplete-item-${(el as any).id}-${index}`}\r\n\t\t\t\t\t\tactive={active as any}\r\n\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\tel={el as any}\r\n\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\tisHoverIndex={hoverIndex === index}\r\n\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\tonClick={onClick as any}\r\n                        startOptionIcon={startOptionIcon}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)","emptyContentChildren ? <div className=\"mt-2\">{emptyContentChildren}</div> : null","<>\r\n\t\t\t{dataValue.map((el, index) =>\r\n\t\t\t\tmultiple ? (\r\n\t\t\t\t\t<div key={`autocomplete-multi-${(el as any).id}-${index}`} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<AutocompleteOptionItem\r\n\t\t\t\t\t\tkey={`autocomplete-item-${(el as any).id}-${index}`}\r\n\t\t\t\t\t\tactive={active as any}\r\n\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\tel={el as any}\r\n\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\tisHoverIndex={hoverIndex === index}\r\n\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\tonClick={onClick as any}\r\n                        startOptionIcon={startOptionIcon}\r\n\t\t\t\t\t/>\r\n\t\t\t\t),\r\n\t\t\t)}\r\n\t\t\t{emptyContentChildren ? <div className=\"mt-2\">{emptyContentChildren}</div> : null}\r\n\t\t</>","previous","_c","_temp","_Fragment","size = 24","{ size = 24, width, height, ...props }: IconSvgProps","<g fillRule=\"evenodd\" transform=\"translate(-448 -544)\">\r\n\t\t\t\t<g fillRule=\"nonzero\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.743 2.257a6 6 0 1 1-8.485 8.486 6 6 0 0 1 8.485-8.486zm-1.06 1.06a4.5 4.5 0 1 0-6.365 6.364 4.5 4.5 0 0 0 6.364-6.363z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.39 8.75a2.94 2.94 0 0 0-.199.432c-.155.417-.23.849-.172 1.284.055.415.232.794.54 1.103a.75.75 0 0 0 1.112-1.004l-.051-.057a.39.39 0 0 1-.114-.24c-.021-.155.014-.356.09-.563.031-.081.06-.145.08-.182l.012-.022a.75.75 0 1 0-1.299-.752z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M9.557 11.659c.038-.018.09-.04.15-.064.207-.077.408-.112.562-.092.08.01.143.034.198.077l.041.036a.75.75 0 0 0 1.06-1.06 1.881 1.881 0 0 0-1.103-.54c-.435-.058-.867.018-1.284.175-.189.07-.336.143-.433.2a.75.75 0 0 0 .624 1.356l.066-.027.12-.061z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"m13.463 15.142-.04-.044-3.574-4.192c-.599-.703.355-1.656 1.058-1.057l4.191 3.574.044.04c.058.059.122.137.182.24.249.425.249.96-.154 1.41l-.057.057c-.45.403-.986.403-1.411.154a1.182 1.182 0 0 1-.24-.182zm.617-.616.444-.444a.31.31 0 0 0-.063-.052c-.093-.055-.263-.055-.35.024l.208.232.207-.206.006.007-.22.257-.026-.024.033-.034.025.027-.257.22-.007-.007zm-.027-.415c-.078.088-.078.257-.023.35a.31.31 0 0 0 .051.063l.205-.204-.233-.209z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</g>\r\n\t\t\t</g>","<svg fill=\"currentColor\" height={size || height} viewBox=\"0 0 16 16\" width={size || width} {...props}>\r\n\t\t\t<g fillRule=\"evenodd\" transform=\"translate(-448 -544)\">\r\n\t\t\t\t<g fillRule=\"nonzero\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.743 2.257a6 6 0 1 1-8.485 8.486 6 6 0 0 1 8.485-8.486zm-1.06 1.06a4.5 4.5 0 1 0-6.365 6.364 4.5 4.5 0 0 0 6.364-6.363z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.39 8.75a2.94 2.94 0 0 0-.199.432c-.155.417-.23.849-.172 1.284.055.415.232.794.54 1.103a.75.75 0 0 0 1.112-1.004l-.051-.057a.39.39 0 0 1-.114-.24c-.021-.155.014-.356.09-.563.031-.081.06-.145.08-.182l.012-.022a.75.75 0 1 0-1.299-.752z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M9.557 11.659c.038-.018.09-.04.15-.064.207-.077.408-.112.562-.092.08.01.143.034.198.077l.041.036a.75.75 0 0 0 1.06-1.06 1.881 1.881 0 0 0-1.103-.54c-.435-.058-.867.018-1.284.175-.189.07-.336.143-.433.2a.75.75 0 0 0 .624 1.356l.066-.027.12-.061z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"m13.463 15.142-.04-.044-3.574-4.192c-.599-.703.355-1.656 1.058-1.057l4.191 3.574.044.04c.058.059.122.137.182.24.249.425.249.96-.154 1.41l-.057.057c-.45.403-.986.403-1.411.154a1.182 1.182 0 0 1-.24-.182zm.617-.616.444-.444a.31.31 0 0 0-.063-.052c-.093-.055-.263-.055-.35.024l.208.232.207-.206.006.007-.22.257-.026-.024.033-.034.025.027-.257.22-.007-.007zm-.027-.415c-.078.088-.078.257-.023.35a.31.31 0 0 0 .051.063l.205-.204-.233-.209z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>","size || height","size || width","{\r\n\t\t\t\tdata,\r\n\t\t\t\tname,\r\n\t\t\t\theight = 160,\r\n\t\t\t\tonClick,\r\n\t\t\t\tactive,\r\n\t\t\t\trefPartner,\r\n\t\t\t\ttextNoData = \"No encontramos un resultado que coincida con tu búsqueda\",\r\n\t\t\t\tisSearch = true,\r\n\t\t\t\tmultiple = false,\r\n\t\t\t\twidthList,\r\n\t\t\t\tfixed = false,\r\n\t\t\t\tisLoading = false,\r\n\t\t\t\tisEnter = true,\r\n\t\t\t\temptyContentChildren,\r\n\t\t\t\tdisplayField = \"name\",\r\n\t\t\t\tstartOptionIcon,\r\n\t\t\t}","height = 160","textNoData = \"No encontramos un resultado que coincida con tu búsqueda\"","isSearch = true","multiple = false","fixed = false","isLoading = false","isEnter = true","displayField = \"name\"","[]","getInitialActiveIndex(data, active)","{ targetKey: \"Enter\" }","() => {\r\n\t\t\t\tsetDropdownPosition({ dropdownRef: ref as any, anchorRef: refPartner as any, height, width: widthList, fixed });\r\n\t\t\t}","useCallback(() => {\r\n\t\t\t\tsetDropdownPosition({ dropdownRef: ref as any, anchorRef: refPartner as any, height, width: widthList, fixed });\r\n\t\t\t}, [ref, refPartner, widthList, height, fixed])","() => {\r\n\t\t\t\thandleSetPositionSelect();\r\n\t\t\t}","[handleSetPositionSelect]","() => {\r\n\t\t\t\tsetDataValue(data);\r\n\t\t\t}","[data]","() => {\r\n\t\t\t\tif (isEnter && keyEnterPressed && dataValue.length > 0) {\r\n\t\t\t\t\tif (hoverIndex !== null && data[hoverIndex]) {\r\n\t\t\t\t\t\tonClick({ e: undefined, el: data[hoverIndex || 0] });\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}","[keyEnterPressed, isEnter, hoverIndex, data, dataValue, onClick]","dataValue.length","function handleSearchItem(e: React.ChangeEvent<HTMLInputElement>) {\r\n\t\t\t\tconst current = e.target.value;\r\n\r\n\t\t\t\tsetValue(current);\r\n\t\t\t\tif (current === \"\") {\r\n\t\t\t\t\tsetDataValue(data);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst upper = current.trim().toUpperCase();\r\n\t\t\t\tconst result = data.filter((el: any) => el?.[displayField as string]?.toString().trim().toUpperCase().includes(upper));\r\n\r\n\t\t\t\tsetDataValue(result);\r\n\t\t\t}","(node: HTMLElement | null) => {\r\n\t\t\t\t(ref as any).current = node;\r\n\t\t\t\tlocalRef.current = node;\r\n\t\t\t}","{ opacity: 0, y: 4 }","{ opacity: 1, y: 0, transition: { duration: 0.14, ease: \"easeOut\" } }","{\r\n\t\t\t\thidden: { opacity: 0, y: 4 },\r\n\t\t\t\tshow: { opacity: 1, y: 0, transition: { duration: 0.14, ease: \"easeOut\" } },\r\n\t\t\t\texit: { opacity: 0, y: 4, transition: { duration: 0.1, ease: \"easeIn\" } },\r\n\t\t\t}","{\r\n\t\t\t\t\t\tmaxHeight: height,\r\n\t\t\t\t\t\twidth: widthList || \"auto\",\r\n\t\t\t\t\t\tposition: fixed ? \"fixed\" : \"absolute\",\r\n\t\t\t\t\t\tzIndex: 10,\r\n\t\t\t\t\t}","widthList || \"auto\"","fixed ? \"fixed\" : \"absolute\"","isLoading ? (\r\n\t\t\t\t\t\t<div translate=\"no\">\r\n\t\t\t\t\t\t\t<div>{\"Loading...\"}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{isSearch && (\r\n\t\t\t\t\t\t\t\t<div className=\"mb-2 \">\r\n\t\t\t\t\t\t\t\t\t<Input endContent={<SearchIcon size={18} />} placeholder=\"Buscar...\" value={value} onChange={handleSearchItem} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<AutocompleteOptionList\r\n\t\t\t\t\t\t\t\tactive={active}\r\n\t\t\t\t\t\t\t\tdataValue={dataValue}\r\n\t\t\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\t\t\temptyContentChildren={emptyContentChildren}\r\n\t\t\t\t\t\t\t\thoverIndex={hoverIndex}\r\n\t\t\t\t\t\t\t\tmultiple={multiple}\r\n\t\t\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\t\t\ttextNoData={textNoData}\r\n\t\t\t\t\t\t\t\tonClick={onClick}\r\n\t\t\t\t\t\t\t\tstartOptionIcon={startOptionIcon}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)","<motion.div\r\n\t\t\t\t\tref={setRefs}\r\n\t\t\t\t\tkey=\"dropdown-motion-root\"\r\n\t\t\t\t\tvariants={variants}\r\n\t\t\t\t\tinitial=\"hidden\"\r\n\t\t\t\t\tanimate=\"show\"\r\n\t\t\t\t\texit=\"exit\"\r\n\t\t\t\t\taria-activedescendant={hoverIndex !== null ? String((dataValue[hoverIndex] as any)?.id) : undefined}\r\n\t\t\t\t\tclassName=\"container-dropdown-list bg-content1 shadow-large rounded-md p-2 overflow-y-auto origin-top\"\r\n\t\t\t\t\tdata-name={name}\r\n\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\tmaxHeight: height,\r\n\t\t\t\t\t\twidth: widthList || \"auto\",\r\n\t\t\t\t\t\tposition: fixed ? \"fixed\" : \"absolute\",\r\n\t\t\t\t\t\tzIndex: 10,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t{isLoading ? (\r\n\t\t\t\t\t\t<div translate=\"no\">\r\n\t\t\t\t\t\t\t<div>{\"Loading...\"}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{isSearch && (\r\n\t\t\t\t\t\t\t\t<div className=\"mb-2 \">\r\n\t\t\t\t\t\t\t\t\t<Input endContent={<SearchIcon size={18} />} placeholder=\"Buscar...\" value={value} onChange={handleSearchItem} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<AutocompleteOptionList\r\n\t\t\t\t\t\t\t\tactive={active}\r\n\t\t\t\t\t\t\t\tdataValue={dataValue}\r\n\t\t\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\t\t\temptyContentChildren={emptyContentChildren}\r\n\t\t\t\t\t\t\t\thoverIndex={hoverIndex}\r\n\t\t\t\t\t\t\t\tmultiple={multiple}\r\n\t\t\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\t\t\ttextNoData={textNoData}\r\n\t\t\t\t\t\t\t\tonClick={onClick}\r\n\t\t\t\t\t\t\t\tstartOptionIcon={startOptionIcon}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</motion.div>","hoverIndex !== null ? String((dataValue[hoverIndex] as any)?.id) : undefined","motion.div","SearchIcon","_c","_Fragment","AutocompleteOptionList","{ containerRef, dropdownRef, onCloseDropDown }: DropdownControllerProps","(event: OutsideEvent) => {\r\n\t\t\tif (!isOpen) return;\r\n\t\t\tconst target = event.target as Node | null;\r\n\r\n\t\t\tif (!target) return;\r\n\t\t\tconst containerEl = containerRef.current;\r\n\t\t\tconst dropdownEl = dropdownRef.current;\r\n\t\t\tconst clickOutside = !!target && containerEl && !containerEl.contains(target) && dropdownEl && !dropdownEl.contains(target);\r\n\r\n\t\t\tif (clickOutside) {\r\n\t\t\t\tsetIsOpen(false);\r\n\t\t\t\tonCloseDropDown?.();\r\n\t\t\t}\r\n\t\t}","containerRef.current","dropdownRef.current","useCallback(\r\n\t\t(event: OutsideEvent) => {\r\n\t\t\tif (!isOpen) return;\r\n\t\t\tconst target = event.target as Node | null;\r\n\r\n\t\t\tif (!target) return;\r\n\t\t\tconst containerEl = containerRef.current;\r\n\t\t\tconst dropdownEl = dropdownRef.current;\r\n\t\t\tconst clickOutside = !!target && containerEl && !containerEl.contains(target) && dropdownEl && !dropdownEl.contains(target);\r\n\r\n\t\t\tif (clickOutside) {\r\n\t\t\t\tsetIsOpen(false);\r\n\t\t\t\tonCloseDropDown?.();\r\n\t\t\t}\r\n\t\t},\r\n\t\t[isOpen, dropdownRef, containerRef, onCloseDropDown],\r\n\t)","useCallback(() => document.getElementById(\"modal-root\"), [])","() => {\r\n\t\tdocument.addEventListener(\"click\", handleEventsOutside);\r\n\t\tdocument.addEventListener(\"wheel\", handleEventsOutside);\r\n\t\tconst modalElem = modalRef();\r\n\r\n\t\tmodalElem?.addEventListener(\"click\", handleEventsOutside);\r\n\t\tmodalElem?.addEventListener(\"wheel\", handleEventsOutside);\r\n\r\n\t\treturn () => {\r\n\t\t\tdocument.removeEventListener(\"click\", handleEventsOutside);\r\n\t\t\tdocument.removeEventListener(\"wheel\", handleEventsOutside);\r\n\t\t\tconst modalElemCleanup = modalRef();\r\n\r\n\t\t\tmodalElemCleanup?.removeEventListener(\"click\", handleEventsOutside);\r\n\t\t\tmodalElemCleanup?.removeEventListener(\"wheel\", handleEventsOutside);\r\n\t\t};\r\n\t}","[handleEventsOutside, modalRef]","[isOpen, setIsOpen]","_c"],"sources":["../../src/components/autocomplete/autocomplete-option-item.tsx","../../src/components/autocomplete/use-key-press.ts","../../src/components/autocomplete/autocomplete-option-list.tsx","../../src/components/autocomplete/autocomplete-utils.ts","../../src/components/autocomplete/autocomplete-dropdown.tsx","../../src/components/autocomplete/use-autocomplete-dropdown.ts","../../src/components/autocomplete/input-autocomplete-form.tsx"],"sourcesContent":["\r\nimport { cn } from \"@/lib/utils\";\r\nimport type { DataValueListItem } from \"./autocomplete-types\";\r\n\r\nimport React, { createRef, memo, useEffect } from \"react\";\r\n\r\ninterface AutocompleteOptionItemProps<T extends DataValueListItem = DataValueListItem> {\r\n\tel: T;\r\n\tactive: number | string | T[];\r\n\tonClick: (args: { e?: React.MouseEvent<HTMLLIElement>; el: T }) => void;\r\n\tisHoverIndex: boolean;\r\n\tsetHoverIndex: React.Dispatch<React.SetStateAction<number | null>>;\r\n\tindex: number;\r\n\tdisplayField?: keyof T | string;\r\n\tstartOptionIcon?: React.ReactNode;\r\n}\r\n\r\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => (\r\n\t<svg viewBox=\"0 0 24 24\" width={16} height={16} aria-hidden=\"true\" {...props}>\r\n\t\t<path d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\" fill=\"currentColor\" />\r\n\t</svg>\r\n);\r\n\r\nexport const AutocompleteOptionItem = memo(\r\n\t<T extends DataValueListItem>({\r\n\t\tel,\r\n\t\tactive,\r\n\t\tonClick,\r\n\t\tisHoverIndex,\r\n\t\tsetHoverIndex,\r\n\t\tindex,\r\n\t\tdisplayField = \"name\",\r\n\t\tstartOptionIcon,\r\n\t}: AutocompleteOptionItemProps<T>) => {\r\n\t\tconst itemRef = createRef<HTMLLIElement>();\r\n\t\tconst isSelected = active === el.id;\r\n\r\n\t\tconst handleMouseEnterItem = () => {\r\n\t\t\t!isHoverIndex && setHoverIndex(index);\r\n\t\t};\r\n\r\n\t\tuseEffect(() => {\r\n\t\t\tif (isHoverIndex && itemRef.current) {\r\n\t\t\t\titemRef.current.scrollIntoView({ behavior: \"auto\", block: \"nearest\" });\r\n\t\t\t}\r\n\t\t}, [isHoverIndex]);\r\n\r\n\t\treturn (\r\n\t\t\t<li\r\n\t\t\t\tref={itemRef}\r\n\t\t\t\taria-selected={!!isSelected}\r\n\t\t\t\tclassName={cn(\r\n\t\t\t\t\t\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2 mb-0.5\",\r\n\t\t\t\t\tisHoverIndex ? \"bg-default-100\" : \"\",\r\n\t\t\t\t\tisSelected ? \"bg-default-200 font-semibold active-option-list\" : \"font-normal hover:bg-default-100 text-default-800\",\r\n\t\t\t\t)}\r\n\t\t\t\trole=\"option\"\r\n\t\t\t\ttranslate=\"no\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\tonClick({ e: undefined, el });\r\n\t\t\t\t}}\r\n\t\t\t\tonMouseEnter={handleMouseEnterItem}\r\n\t\t\t>\r\n\t\t\t\t{el.children && <div className=\"flex-shrink-0\">{el.children}</div>}\r\n\t\t\t\t{!el.children && (\r\n\t\t\t\t\t<div className=\"flex items-center justify-between gap-2 w-full\">\r\n\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\r\n\t\t\t\t\t\t\t{startOptionIcon ?? null}\r\n\t\t\t\t\t\t\t<div>{(el as any)[displayField as string]}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<CheckIcon className={cn(\"ml-auto\", isSelected ? \"visible \" : \"invisible\")} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</li>\r\n\t\t);\r\n\t},\r\n);\r\n\r\nAutocompleteOptionItem.displayName = \"AutocompleteOptionItem\";\r\n","import { useEffect, useState } from \"react\";\r\n\r\ninterface Props {\r\n\ttargetKey: string;\r\n}\r\nexport const useKeyPress = ({ targetKey }: Props) => {\r\n\tconst [keyPressed, setKeyPressed] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst downHandler = ({ key }: KeyboardEvent) => {\r\n\t\t\tif (key === targetKey) setKeyPressed(true);\r\n\t\t};\r\n\t\tconst upHandler = ({ key }: KeyboardEvent) => {\r\n\t\t\tif (key === targetKey) setKeyPressed(false);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"keydown\", downHandler);\r\n\t\twindow.addEventListener(\"keyup\", upHandler);\r\n\r\n\t\treturn () => {\r\n\t\t\twindow.removeEventListener(\"keydown\", downHandler);\r\n\t\t\twindow.removeEventListener(\"keyup\", upHandler);\r\n\t\t};\r\n\t}, [targetKey]);\r\n\r\n\treturn keyPressed;\r\n};\r\n","import type { OptionListProps } from \"./autocomplete-types\";\r\n\r\nimport { memo, useEffect } from \"react\";\r\n\r\nimport { AutocompleteOptionItem } from \"./autocomplete-option-item\";\r\nimport { useKeyPress } from \"./use-key-press\";\r\n\r\nconst AutocompleteOptionList = ({\r\n\tdataValue,\r\n\tactive,\r\n\tonClick,\r\n\tmultiple,\r\n\ttextNoData,\r\n\thoverIndex,\r\n\tsetHoverIndex,\r\n\tshowTextNoData = true,\r\n\temptyContentChildren,\r\n\tdisplayField = \"name\",\r\n    startOptionIcon,\r\n}: OptionListProps<any>) => {\r\n\tconst arrowUpPressed = useKeyPress({ targetKey: \"ArrowUp\" });\r\n\tconst arrowDownPressed = useKeyPress({ targetKey: \"ArrowDown\" });\r\n\r\n\tuseEffect(() => {\r\n\t\tif (arrowUpPressed && hoverIndex !== null && hoverIndex > 0) {\r\n\t\t\tsetHoverIndex((previous) => (previous || 0) - 1);\r\n\t\t}\r\n\t}, [arrowUpPressed]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (arrowDownPressed && hoverIndex !== null && hoverIndex + 1 < dataValue.length) {\r\n\t\t\tsetHoverIndex((previous) => (previous || 0) + 1);\r\n\t\t}\r\n\t}, [arrowDownPressed]);\r\n\r\n\tif (dataValue.length === 0 && showTextNoData) {\r\n\t\tif (emptyContentChildren) return emptyContentChildren;\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2\">\r\n\t\t\t\t<div>{textNoData}</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{dataValue.map((el, index) =>\r\n\t\t\t\tmultiple ? (\r\n\t\t\t\t\t<div key={`autocomplete-multi-${(el as any).id}-${index}`} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<AutocompleteOptionItem\r\n\t\t\t\t\t\tkey={`autocomplete-item-${(el as any).id}-${index}`}\r\n\t\t\t\t\t\tactive={active as any}\r\n\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\tel={el as any}\r\n\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\tisHoverIndex={hoverIndex === index}\r\n\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\tonClick={onClick as any}\r\n                        startOptionIcon={startOptionIcon}\r\n\t\t\t\t\t/>\r\n\t\t\t\t),\r\n\t\t\t)}\r\n\t\t\t{emptyContentChildren ? <div className=\"mt-2\">{emptyContentChildren}</div> : null}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default memo(AutocompleteOptionList);\r\n","import type { RefObject } from \"react\";\r\nimport type { DataValueListItem } from \"./autocomplete-types\";\r\n\r\nexport const hideAllSelectLists = (name: string | undefined) => {\r\n\tconst dropdowns = document.querySelectorAll<HTMLElement>(\".container-dropdown-list[data-name]\");\r\n\r\n\tdropdowns.forEach((dropdown) => {\r\n\t\tconst dropdownName = dropdown.getAttribute(\"data-name\");\r\n\r\n\t\tif (dropdownName === name) return; // es el activo, no cerrar\r\n\t\tconst isVisible = dropdown.offsetParent !== null || dropdown.style.visibility === \"visible\";\r\n\r\n\t\tif (!isVisible) return;\r\n\t\tconst root = dropdown.closest(\".main-container-autocomplete-form\");\r\n\t\tconst input = root?.querySelector<HTMLInputElement>(\".input-autocomplete-form-search\");\r\n\r\n\t\tif (input) {\r\n\t\t\tinput.dispatchEvent(new MouseEvent(\"click\", { bubbles: true }));\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const hideAllPortalSelectLists = (name: string | undefined) => {\r\n\tconst parentElement: Element | null = document.querySelector(\".react-tiny-popover-container\");\r\n\r\n\tif (!parentElement) return;\r\n\tconst dropdowns = parentElement.querySelectorAll<HTMLElement>(\".container-dropdown-list[data-name]\");\r\n\r\n\tdropdowns.forEach((dropdown) => {\r\n\t\tconst dropdownName = dropdown.getAttribute(\"data-name\");\r\n\r\n\t\tif (dropdownName === name) return;\r\n\t\tconst isVisible = dropdown.offsetParent !== null || dropdown.style.visibility === \"visible\";\r\n\r\n\t\tif (!isVisible) return;\r\n\t\tconst root = dropdown.closest(\".main-container-autocomplete-form\");\r\n\t\tconst input = root?.querySelector<HTMLInputElement>(\".input-autocomplete-form-search\");\r\n\r\n\t\tif (input) {\r\n\t\t\tinput.dispatchEvent(new MouseEvent(\"click\", { bubbles: true }));\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport function getInitialActiveIndex(data: DataValueListItem[], active: string | number | DataValueListItem[]) {\r\n\tif (!data) return 0;\r\n\tlet index = 0;\r\n\r\n\tif (typeof active === \"string\" || typeof active === \"number\") {\r\n\t\tindex = data.findIndex((item) => item?.id?.toString() === active?.toString());\r\n\r\n\t\treturn index === -1 ? 0 : index;\r\n\t}\r\n\tif (active.length === 0) return 0;\r\n\tindex = data.findIndex((item) => item.id?.toString() === active[active.length - 1].id?.toString());\r\n\r\n\treturn index === -1 ? 0 : index;\r\n}\r\n\r\ninterface SetDropdownPositionArgs {\r\n\tdropdownRef: RefObject<HTMLElement> | { current: HTMLElement | null };\r\n\tanchorRef: RefObject<HTMLElement> | { current: HTMLElement | null };\r\n\theight: number;\r\n\twidth?: number | \"auto\";\r\n\tfixed?: boolean;\r\n}\r\n\r\nexport const setDropdownPosition = ({ dropdownRef, anchorRef, height, width, fixed = true }: SetDropdownPositionArgs) => {\r\n\tconst listEl = dropdownRef?.current;\r\n\tconst anchorEl = anchorRef?.current;\r\n\r\n\tif (!listEl || !anchorEl) return;\r\n\tconst gap = 8;\r\n\tconst inputRect = anchorEl.getBoundingClientRect();\r\n\tconst optionsContainerHeight = height || listEl.offsetHeight;\r\n\tconst overflowBottom = inputRect.bottom + optionsContainerHeight + gap > window.innerHeight;\r\n\r\n\tif (overflowBottom) {\r\n\t\tlistEl.style.bottom = fixed ? `${window.innerHeight - inputRect.top + gap}px` : `32px`;\r\n\t\tlistEl.style.top = \"auto\";\r\n\t} else {\r\n\t\tif (fixed) {\r\n\t\t\tlistEl.style.top = `${inputRect.bottom + gap}px`;\r\n\t\t}\r\n\t\tlistEl.style.bottom = \"auto\";\r\n\t}\r\n\tlistEl.style.left = fixed ? `${inputRect.left}px` : \"0\";\r\n\r\n\t// Cálculo de ancho: por defecto igual al input; si se pasa width numérico actúa como mínimo.\r\n\tconst inputWidth = inputRect.width;\r\n\tif (typeof width === \"number\") {\r\n\t\tconst finalWidth = Math.max(inputWidth, width);\r\n\t\tlistEl.style.minWidth = `${width}px`;\r\n\t\tlistEl.style.width = `${finalWidth}px`;\r\n\t} else {\r\n\t\tlistEl.style.width = `${inputWidth}px`;\r\n\t}\r\n\r\n\tlistEl.style.visibility = \"visible\";\r\n};\r\n","import type { DataValueListItem, DropdownContainerProps } from \"./autocomplete-types\";\r\n\r\nimport { motion } from \"motion/react\";\r\nimport { forwardRef, memo, useCallback, useEffect, useRef, useState } from \"react\";\r\n\r\nimport AutocompleteOptionList from \"./autocomplete-option-list\";\r\nimport { getInitialActiveIndex, setDropdownPosition } from \"./autocomplete-utils\";\r\nimport { useKeyPress } from \"./use-key-press\";\r\nimport type { IconSvgProps } from \"@/types\";\r\nimport { Input } from \"../ui\";\r\n\r\nconst SearchIcon = ({ size = 24, width, height, ...props }: IconSvgProps) => {\r\n\treturn (\r\n\t\t<svg fill=\"currentColor\" height={size || height} viewBox=\"0 0 16 16\" width={size || width} {...props}>\r\n\t\t\t<g fillRule=\"evenodd\" transform=\"translate(-448 -544)\">\r\n\t\t\t\t<g fillRule=\"nonzero\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.743 2.257a6 6 0 1 1-8.485 8.486 6 6 0 0 1 8.485-8.486zm-1.06 1.06a4.5 4.5 0 1 0-6.365 6.364 4.5 4.5 0 0 0 6.364-6.363z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.39 8.75a2.94 2.94 0 0 0-.199.432c-.155.417-.23.849-.172 1.284.055.415.232.794.54 1.103a.75.75 0 0 0 1.112-1.004l-.051-.057a.39.39 0 0 1-.114-.24c-.021-.155.014-.356.09-.563.031-.081.06-.145.08-.182l.012-.022a.75.75 0 1 0-1.299-.752z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M9.557 11.659c.038-.018.09-.04.15-.064.207-.077.408-.112.562-.092.08.01.143.034.198.077l.041.036a.75.75 0 0 0 1.06-1.06 1.881 1.881 0 0 0-1.103-.54c-.435-.058-.867.018-1.284.175-.189.07-.336.143-.433.2a.75.75 0 0 0 .624 1.356l.066-.027.12-.061z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"m13.463 15.142-.04-.044-3.574-4.192c-.599-.703.355-1.656 1.058-1.057l4.191 3.574.044.04c.058.059.122.137.182.24.249.425.249.96-.154 1.41l-.057.057c-.45.403-.986.403-1.411.154a1.182 1.182 0 0 1-.24-.182zm.617-.616.444-.444a.31.31 0 0 0-.063-.052c-.093-.055-.263-.055-.35.024l.208.232.207-.206.006.007-.22.257-.026-.024.033-.034.025.027-.257.22-.007-.007zm-.027-.415c-.078.088-.078.257-.023.35a.31.31 0 0 0 .051.063l.205-.204-.233-.209z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n};\r\n\r\nexport const AutocompleteDropdown = memo(\r\n\tforwardRef<HTMLElement, DropdownContainerProps>(\r\n\t\t(\r\n\t\t\t{\r\n\t\t\t\tdata,\r\n\t\t\t\tname,\r\n\t\t\t\theight = 160,\r\n\t\t\t\tonClick,\r\n\t\t\t\tactive,\r\n\t\t\t\trefPartner,\r\n\t\t\t\ttextNoData = \"No encontramos un resultado que coincida con tu búsqueda\",\r\n\t\t\t\tisSearch = true,\r\n\t\t\t\tmultiple = false,\r\n\t\t\t\twidthList,\r\n\t\t\t\tfixed = false,\r\n\t\t\t\tisLoading = false,\r\n\t\t\t\tisEnter = true,\r\n\t\t\t\temptyContentChildren,\r\n\t\t\t\tdisplayField = \"name\",\r\n\t\t\t\tstartOptionIcon,\r\n\t\t\t},\r\n\t\t\tref,\r\n\t\t) => {\r\n\t\t\tconst [value, setValue] = useState(\"\");\r\n\t\t\tconst [dataValue, setDataValue] = useState<Array<DataValueListItem>>([]);\r\n\t\t\tconst [hoverIndex, setHoverIndex] = useState<number | null>(getInitialActiveIndex(data, active));\r\n\t\t\tconst keyEnterPressed = useKeyPress({ targetKey: \"Enter\" });\r\n\r\n\t\t\tconst handleSetPositionSelect = useCallback(() => {\r\n\t\t\t\tsetDropdownPosition({ dropdownRef: ref as any, anchorRef: refPartner as any, height, width: widthList, fixed });\r\n\t\t\t}, [ref, refPartner, widthList, height, fixed]);\r\n\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\thandleSetPositionSelect();\r\n\t\t\t}, [handleSetPositionSelect]);\r\n\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\tsetDataValue(data);\r\n\t\t\t}, [data]);\r\n\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\tif (isEnter && keyEnterPressed && dataValue.length > 0) {\r\n\t\t\t\t\tif (hoverIndex !== null && data[hoverIndex]) {\r\n\t\t\t\t\t\tonClick({ e: undefined, el: data[hoverIndex || 0] });\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}, [keyEnterPressed, isEnter, hoverIndex, data, dataValue, onClick]);\r\n\r\n\t\t\tfunction handleSearchItem(e: React.ChangeEvent<HTMLInputElement>) {\r\n\t\t\t\tconst current = e.target.value;\r\n\r\n\t\t\t\tsetValue(current);\r\n\t\t\t\tif (current === \"\") {\r\n\t\t\t\t\tsetDataValue(data);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst upper = current.trim().toUpperCase();\r\n\t\t\t\tconst result = data.filter((el: any) => el?.[displayField as string]?.toString().trim().toUpperCase().includes(upper));\r\n\r\n\t\t\t\tsetDataValue(result);\r\n\t\t\t}\r\n\r\n\t\t\tconst localRef = useRef<HTMLElement | null>(null);\r\n\t\t\tconst setRefs = (node: HTMLElement | null) => {\r\n\t\t\t\t(ref as any).current = node;\r\n\t\t\t\tlocalRef.current = node;\r\n\t\t\t};\r\n\r\n\t\t\tconst variants = {\r\n\t\t\t\thidden: { opacity: 0, y: 4 },\r\n\t\t\t\tshow: { opacity: 1, y: 0, transition: { duration: 0.14, ease: \"easeOut\" } },\r\n\t\t\t\texit: { opacity: 0, y: 4, transition: { duration: 0.1, ease: \"easeIn\" } },\r\n\t\t\t} as const;\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<motion.div\r\n\t\t\t\t\tref={setRefs}\r\n\t\t\t\t\tkey=\"dropdown-motion-root\"\r\n\t\t\t\t\tvariants={variants}\r\n\t\t\t\t\tinitial=\"hidden\"\r\n\t\t\t\t\tanimate=\"show\"\r\n\t\t\t\t\texit=\"exit\"\r\n\t\t\t\t\taria-activedescendant={hoverIndex !== null ? String((dataValue[hoverIndex] as any)?.id) : undefined}\r\n\t\t\t\t\tclassName=\"container-dropdown-list bg-content1 shadow-large rounded-md p-2 overflow-y-auto origin-top\"\r\n\t\t\t\t\tdata-name={name}\r\n\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\tmaxHeight: height,\r\n\t\t\t\t\t\twidth: widthList || \"auto\",\r\n\t\t\t\t\t\tposition: fixed ? \"fixed\" : \"absolute\",\r\n\t\t\t\t\t\tzIndex: 10,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t{isLoading ? (\r\n\t\t\t\t\t\t<div translate=\"no\">\r\n\t\t\t\t\t\t\t<div>{\"Loading...\"}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{isSearch && (\r\n\t\t\t\t\t\t\t\t<div className=\"mb-2 \">\r\n\t\t\t\t\t\t\t\t\t<Input endContent={<SearchIcon size={18} />} placeholder=\"Buscar...\" value={value} onChange={handleSearchItem} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<AutocompleteOptionList\r\n\t\t\t\t\t\t\t\tactive={active}\r\n\t\t\t\t\t\t\t\tdataValue={dataValue}\r\n\t\t\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\t\t\temptyContentChildren={emptyContentChildren}\r\n\t\t\t\t\t\t\t\thoverIndex={hoverIndex}\r\n\t\t\t\t\t\t\t\tmultiple={multiple}\r\n\t\t\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\t\t\ttextNoData={textNoData}\r\n\t\t\t\t\t\t\t\tonClick={onClick}\r\n\t\t\t\t\t\t\t\tstartOptionIcon={startOptionIcon}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</motion.div>\r\n\t\t\t);\r\n\t\t},\r\n\t),\r\n);\r\n\r\nAutocompleteDropdown.displayName = \"AutocompleteDropdown\";\r\n","import { useCallback, useEffect, useState, type RefObject } from \"react\";\r\n\r\ninterface DropdownControllerProps {\r\n\tcontainerRef: RefObject<HTMLElement>;\r\n\tdropdownRef: RefObject<HTMLElement>;\r\n\tonCloseDropDown?: () => void;\r\n}\r\n\r\ntype OutsideEvent = MouseEvent | WheelEvent;\r\n\r\nexport function useAutocompleteDropdown({ containerRef, dropdownRef, onCloseDropDown }: DropdownControllerProps) {\r\n\tconst [isOpen, setIsOpen] = useState<boolean>(false);\r\n\r\n\tconst handleEventsOutside = useCallback(\r\n\t\t(event: OutsideEvent) => {\r\n\t\t\tif (!isOpen) return;\r\n\t\t\tconst target = event.target as Node | null;\r\n\r\n\t\t\tif (!target) return;\r\n\t\t\tconst containerEl = containerRef.current;\r\n\t\t\tconst dropdownEl = dropdownRef.current;\r\n\t\t\tconst clickOutside = !!target && containerEl && !containerEl.contains(target) && dropdownEl && !dropdownEl.contains(target);\r\n\r\n\t\t\tif (clickOutside) {\r\n\t\t\t\tsetIsOpen(false);\r\n\t\t\t\tonCloseDropDown?.();\r\n\t\t\t}\r\n\t\t},\r\n\t\t[isOpen, dropdownRef, containerRef, onCloseDropDown],\r\n\t);\r\n\r\n\tconst modalRef = useCallback(() => document.getElementById(\"modal-root\"), []);\r\n\r\n\tuseEffect(() => {\r\n\t\tdocument.addEventListener(\"click\", handleEventsOutside);\r\n\t\tdocument.addEventListener(\"wheel\", handleEventsOutside);\r\n\t\tconst modalElem = modalRef();\r\n\r\n\t\tmodalElem?.addEventListener(\"click\", handleEventsOutside);\r\n\t\tmodalElem?.addEventListener(\"wheel\", handleEventsOutside);\r\n\r\n\t\treturn () => {\r\n\t\t\tdocument.removeEventListener(\"click\", handleEventsOutside);\r\n\t\t\tdocument.removeEventListener(\"wheel\", handleEventsOutside);\r\n\t\t\tconst modalElemCleanup = modalRef();\r\n\r\n\t\t\tmodalElemCleanup?.removeEventListener(\"click\", handleEventsOutside);\r\n\t\t\tmodalElemCleanup?.removeEventListener(\"wheel\", handleEventsOutside);\r\n\t\t};\r\n\t}, [handleEventsOutside, modalRef]);\r\n\r\n\treturn [isOpen, setIsOpen] as const;\r\n}\r\n","import type { DataValueListItem, InputAutocompleteFormProps } from \"./autocomplete-types\";\r\nimport { RefreshCwIcon } from \"lucide-react\";\r\nimport { forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { useOnClickOutside } from \"usehooks-ts\";\r\n\r\nimport { AnimatePresence } from \"motion/react\";\r\nimport { AutocompleteDropdown } from \"./autocomplete-dropdown\";\r\nimport { hideAllPortalSelectLists, hideAllSelectLists } from \"./autocomplete-utils\";\r\nimport { useAutocompleteDropdown } from \"./use-autocomplete-dropdown\";\r\nimport { Input } from \"../ui\";\r\n\r\nexport const InputAutocompleteForm = memo(\r\n\tforwardRef<HTMLDivElement, InputAutocompleteFormProps>(\r\n\t\t(\r\n\t\t\t{\r\n\t\t\t\tdata,\r\n\t\t\t\tid,\r\n\t\t\t\tname,\r\n\t\t\t\terrors,\r\n\t\t\t\ttouched,\r\n\t\t\t\tvalue,\r\n\t\t\t\tplaceholder = \"Buscar ...\",\r\n\t\t\t\treadOnly,\r\n\t\t\t\tstyle,\r\n\t\t\t\theight = 220,\r\n\t\t\t\tisSearch = false,\r\n\t\t\t\twidthList,\r\n\t\t\t\tloading = false,\r\n\t\t\t\ticonLeft,\r\n\t\t\t\ticonRight,\r\n\t\t\t\tautoFocus = false,\r\n\t\t\t\tinputId = \"\",\r\n\t\t\t\tonChange,\r\n\t\t\t\tonBlur,\r\n\t\t\t\tonClickItem,\r\n\t\t\t\tonResetInput,\r\n\t\t\t\tonMouseLeave,\r\n\t\t\t\tonMouseOver,\r\n\t\t\t\tonMouseEnter,\r\n\t\t\t\tinputClassName,\r\n\t\t\t\tfixed = true,\r\n\t\t\t\tinputRef,\r\n\t\t\t\tdefaultValue,\r\n\t\t\t\ttype = \"text\",\r\n\t\t\t\tisInsidePopover = false,\r\n\t\t\t\tcloseClickOutside = true,\r\n\t\t\t\ttextNoData,\r\n\t\t\t\tisEnter = true,\r\n\t\t\t\tmaxLength,\r\n\t\t\t\tstyleInput,\r\n\t\t\t\temptyContentChildren,\r\n\t\t\t\tstartOptionIcon,\r\n\t\t\t},\r\n\t\t\tref,\r\n\t\t) => {\r\n\t\t\tconst [valueField, setValueField] = useState<string>(\"\");\r\n\r\n\t\t\tconst internalInputRef = useRef<HTMLInputElement | null>(null);\r\n\t\t\tconst safeInputRef = (inputRef as any) ?? internalInputRef;\r\n\t\t\tconst selectListRef = useRef<HTMLUListElement>(null);\r\n\t\t\tconst containerRefAutocomplete = useRef<HTMLElement>(null);\r\n\r\n\t\t\tconst [isOpenDropdown, setIsOpenDropdown] = useAutocompleteDropdown({\r\n\t\t\t\tcontainerRef: safeInputRef as any,\r\n\t\t\t\tdropdownRef: selectListRef as any,\r\n\t\t\t\tonCloseDropDown: () => {\r\n\t\t\t\t\tif (defaultValue) {\r\n\t\t\t\t\t\tsetValueField(defaultValue);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t});\r\n\r\n\t\t\tuseOnClickOutside(containerRefAutocomplete as any, () => {\r\n\t\t\t\tif (closeClickOutside) {\r\n\t\t\t\t\tsetIsOpenDropdown(false);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\tsetValueField(value);\r\n\t\t\t}, [value]);\r\n\r\n\t\t\tconst handleClickItem = useCallback(\r\n\t\t\t\t({ el }: { e?: React.MouseEvent<HTMLLIElement | HTMLLabelElement>; el: DataValueListItem }) => {\r\n\t\t\t\t\tsetIsOpenDropdown(false);\r\n\t\t\t\t\tonClickItem && onClickItem(el);\r\n\t\t\t\t},\r\n\t\t\t\t[onClickItem],\r\n\t\t\t);\r\n\r\n\t\t\tconst handleSearchText = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\tsetIsOpenDropdown(true);\r\n\t\t\t\tonChange && onChange(e);\r\n\t\t\t};\r\n\r\n\t\t\tconst endIcon = useMemo(() => {\r\n\t\t\t\tif (loading) {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<div aria-label=\"loading\" role=\"status\">\r\n\t\t\t\t\t\t\t<RefreshCwIcon className=\"h-4 w-4 animate-spin\" width={18} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\tif (valueField !== \"\" && !readOnly) {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\taria-label=\"Limpiar\"\r\n\t\t\t\t\t\t\tclassName=\"p-0 m-0 bg-transparent border-0 cursor-pointer text-default-500 hover:text-default-700\"\r\n\t\t\t\t\t\t\tstyle={{ lineHeight: 0, display: \"flex\" }}\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\t\tonResetInput?.();\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" focusable=\"false\" height={18} role=\"img\" viewBox=\"0 0 24 24\" width={18}>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn iconRight?.icon ?? null;\r\n\t\t\t}, [loading, valueField, readOnly, iconRight, onResetInput]);\r\n\r\n\t\t\tconst handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tisInsidePopover ? hideAllPortalSelectLists(name) : hideAllSelectLists(name);\r\n\t\t\t\tsetIsOpenDropdown(!isOpenDropdown);\r\n\t\t\t};\r\n\r\n\t\t\tconst handleOnFocus = (e: React.FocusEvent<HTMLInputElement>) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tisInsidePopover ? hideAllPortalSelectLists(name) : hideAllSelectLists(name);\r\n\t\t\t};\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<div\r\n\t\t\t\t\tref={containerRefAutocomplete as any}\r\n\t\t\t\t\tclassName=\"main-container-autocomplete-form w-full\"\r\n\t\t\t\t\tstyle={style}\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div ref={ref} className=\"input-autocomplete-form-container w-full relative\" id={String(id)}>\r\n\t\t\t\t\t\t<Input\r\n\t\t\t\t\t\t\tref={safeInputRef}\r\n\t\t\t\t\t\t\taria-autocomplete=\"list\"\r\n\t\t\t\t\t\t\taria-controls={`autocomplete-list-${id}`}\r\n\t\t\t\t\t\t\taria-expanded={isOpenDropdown}\r\n\t\t\t\t\t\t\tautoComplete=\"off\"\r\n\t\t\t\t\t\t\tautoFocus={autoFocus}\r\n\t\t\t\t\t\t\tclassName={`${inputClassName ?? \"input-autocomplete-form-search\"} w-full`}\r\n\t\t\t\t\t\t\tdefaultValue={defaultValue || value}\r\n\t\t\t\t\t\t\tendContent={endIcon}\r\n\t\t\t\t\t\t\terror={typeof errors === \"string\" && touched ? errors : undefined}\r\n\t\t\t\t\t\t\tid={inputId}\r\n\t\t\t\t\t\t\tmaxLength={maxLength}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\tstartContent={iconLeft?.icon}\r\n\t\t\t\t\t\t\tstyle={styleInput}\r\n\t\t\t\t\t\t\ttouched={touched as any}\r\n\t\t\t\t\t\t\ttranslate=\"no\"\r\n\t\t\t\t\t\t\ttype={type}\r\n\t\t\t\t\t\t\tvalue={valueField}\r\n\t\t\t\t\t\t\tonBlur={onBlur as any}\r\n\t\t\t\t\t\t\tonChange={handleSearchText}\r\n\t\t\t\t\t\t\tonClick={handleClick}\r\n\t\t\t\t\t\t\tonFocus={handleOnFocus}\r\n\t\t\t\t\t\t\tonMouseEnter={onMouseEnter}\r\n\t\t\t\t\t\t\tonMouseLeave={onMouseLeave}\r\n\t\t\t\t\t\t\tonMouseOver={onMouseOver}\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t<AnimatePresence>\r\n\t\t\t\t\t\t\t{!loading && isOpenDropdown && !readOnly && (\r\n\t\t\t\t\t\t\t\t<AutocompleteDropdown\r\n\t\t\t\t\t\t\t\t\tref={selectListRef as any}\r\n\t\t\t\t\t\t\t\t\tkey=\"autocomplete-dropdown\"\r\n\t\t\t\t\t\t\t\t\tactive={id}\r\n\t\t\t\t\t\t\t\t\tdata={data}\r\n\t\t\t\t\t\t\t\t\temptyContentChildren={emptyContentChildren}\r\n\t\t\t\t\t\t\t\t\tfixed={fixed}\r\n\t\t\t\t\t\t\t\t\theight={height}\r\n\t\t\t\t\t\t\t\t\tisEnter={isEnter}\r\n\t\t\t\t\t\t\t\t\tisSearch={isSearch}\r\n\t\t\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t\t\trefPartner={safeInputRef as any}\r\n\t\t\t\t\t\t\t\t\ttextNoData={textNoData}\r\n\t\t\t\t\t\t\t\t\twidthList={widthList}\r\n\t\t\t\t\t\t\t\t\tonClick={handleClickItem}\r\n\t\t\t\t\t\t\t\t\tstartOptionIcon={startOptionIcon}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</AnimatePresence>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t},\r\n\t),\r\n);\r\n\r\nInputAutocompleteForm.displayName = \"InputAutocompleteForm\";\r\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["<path d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\" fill=\"currentColor\" />","<svg viewBox=\"0 0 24 24\" width={16} height={16} aria-hidden=\"true\" {...props}>\r\n\t\t<path d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\" fill=\"currentColor\" />\r\n\t</svg>","displayField = \"name\"","{\r\n\t\tel,\r\n\t\tactive,\r\n\t\tonClick,\r\n\t\tisHoverIndex,\r\n\t\tsetHoverIndex,\r\n\t\tindex,\r\n\t\tdisplayField = \"name\",\r\n\t\tstartOptionIcon,\r\n\t}: AutocompleteOptionItemProps<T>","createRef<HTMLLIElement>()","() => {\r\n\t\t\t!isHoverIndex && setHoverIndex(index);\r\n\t\t}","() => {\r\n\t\t\tif (isHoverIndex && itemRef.current) {\r\n\t\t\t\titemRef.current.scrollIntoView({ behavior: \"auto\", block: \"nearest\" });\r\n\t\t\t}\r\n\t\t}","[isHoverIndex]","!!isSelected","isHoverIndex ? \"bg-default-100\" : \"\"","isSelected ? \"bg-default-200 font-semibold active-option-list\" : \"font-normal hover:bg-default-100 text-default-800\"","cn(\r\n\t\t\t\t\t\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2 mb-0.5\",\r\n\t\t\t\t\tisHoverIndex ? \"bg-default-100\" : \"\",\r\n\t\t\t\t\tisSelected ? \"bg-default-200 font-semibold active-option-list\" : \"font-normal hover:bg-default-100 text-default-800\",\r\n\t\t\t\t)","(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\tonClick({ e: undefined, el });\r\n\t\t\t\t}","el.children && <div className=\"flex-shrink-0\">{el.children}</div>","children","!el.children && (\r\n\t\t\t\t\t<div className=\"flex items-center justify-between gap-2 w-full\">\r\n\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\r\n\t\t\t\t\t\t\t{startOptionIcon ?? null}\r\n\t\t\t\t\t\t\t<div>{(el as any)[displayField as string]}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<CheckIcon className={cn(\"ml-auto\", isSelected ? \"visible \" : \"invisible\")} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)","el.children","<li\r\n\t\t\t\tref={itemRef}\r\n\t\t\t\taria-selected={!!isSelected}\r\n\t\t\t\tclassName={cn(\r\n\t\t\t\t\t\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2 mb-0.5\",\r\n\t\t\t\t\tisHoverIndex ? \"bg-default-100\" : \"\",\r\n\t\t\t\t\tisSelected ? \"bg-default-200 font-semibold active-option-list\" : \"font-normal hover:bg-default-100 text-default-800\",\r\n\t\t\t\t)}\r\n\t\t\t\trole=\"option\"\r\n\t\t\t\ttranslate=\"no\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\tonClick({ e: undefined, el });\r\n\t\t\t\t}}\r\n\t\t\t\tonMouseEnter={handleMouseEnterItem}\r\n\t\t\t>\r\n\t\t\t\t{el.children && <div className=\"flex-shrink-0\">{el.children}</div>}\r\n\t\t\t\t{!el.children && (\r\n\t\t\t\t\t<div className=\"flex items-center justify-between gap-2 w-full\">\r\n\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\r\n\t\t\t\t\t\t\t{startOptionIcon ?? null}\r\n\t\t\t\t\t\t\t<div>{(el as any)[displayField as string]}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<CheckIcon className={cn(\"ml-auto\", isSelected ? \"visible \" : \"invisible\")} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</li>","CheckIcon","{ targetKey }: Props","() => {\r\n\t\tconst downHandler = ({ key }: KeyboardEvent) => {\r\n\t\t\tif (key === targetKey) setKeyPressed(true);\r\n\t\t};\r\n\t\tconst upHandler = ({ key }: KeyboardEvent) => {\r\n\t\t\tif (key === targetKey) setKeyPressed(false);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"keydown\", downHandler);\r\n\t\twindow.addEventListener(\"keyup\", upHandler);\r\n\r\n\t\treturn () => {\r\n\t\t\twindow.removeEventListener(\"keydown\", downHandler);\r\n\t\t\twindow.removeEventListener(\"keyup\", upHandler);\r\n\t\t};\r\n\t}","[targetKey]","{ key }: KeyboardEvent","key","showTextNoData = true","displayField = \"name\"","{\r\n\tdataValue,\r\n\tactive,\r\n\tonClick,\r\n\tmultiple,\r\n\ttextNoData,\r\n\thoverIndex,\r\n\tsetHoverIndex,\r\n\tshowTextNoData = true,\r\n\temptyContentChildren,\r\n\tdisplayField = \"name\",\r\n    startOptionIcon,\r\n}: OptionListProps<any>","{ targetKey: \"ArrowUp\" }","{ targetKey: \"ArrowDown\" }","() => {\r\n\t\tif (arrowUpPressed && hoverIndex !== null && hoverIndex > 0) {\r\n\t\t\tsetHoverIndex((previous) => (previous || 0) - 1);\r\n\t\t}\r\n\t}","(previous) => (previous || 0) - 1","[arrowUpPressed]","() => {\r\n\t\tif (arrowDownPressed && hoverIndex !== null && hoverIndex + 1 < dataValue.length) {\r\n\t\t\tsetHoverIndex((previous) => (previous || 0) + 1);\r\n\t\t}\r\n\t}","length","(previous) => (previous || 0) + 1","[arrowDownPressed]","<div className=\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2\">\r\n\t\t\t\t<div>{textNoData}</div>\r\n\t\t\t</div>","dataValue.map((el, index) =>\r\n\t\t\t\tmultiple ? (\r\n\t\t\t\t\t<div key={`autocomplete-multi-${(el as any).id}-${index}`} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<AutocompleteOptionItem\r\n\t\t\t\t\t\tkey={`autocomplete-item-${(el as any).id}-${index}`}\r\n\t\t\t\t\t\tactive={active as any}\r\n\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\tel={el as any}\r\n\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\tisHoverIndex={hoverIndex === index}\r\n\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\tonClick={onClick as any}\r\n                        startOptionIcon={startOptionIcon}\r\n\t\t\t\t\t/>\r\n\t\t\t\t),\r\n\t\t\t)","(el, index) =>\r\n\t\t\t\tmultiple ? (\r\n\t\t\t\t\t<div key={`autocomplete-multi-${(el as any).id}-${index}`} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<AutocompleteOptionItem\r\n\t\t\t\t\t\tkey={`autocomplete-item-${(el as any).id}-${index}`}\r\n\t\t\t\t\t\tactive={active as any}\r\n\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\tel={el as any}\r\n\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\tisHoverIndex={hoverIndex === index}\r\n\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\tonClick={onClick as any}\r\n                        startOptionIcon={startOptionIcon}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)","emptyContentChildren ? <div className=\"mt-2\">{emptyContentChildren}</div> : null","<>\r\n\t\t\t{dataValue.map((el, index) =>\r\n\t\t\t\tmultiple ? (\r\n\t\t\t\t\t<div key={`autocomplete-multi-${(el as any).id}-${index}`} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<AutocompleteOptionItem\r\n\t\t\t\t\t\tkey={`autocomplete-item-${(el as any).id}-${index}`}\r\n\t\t\t\t\t\tactive={active as any}\r\n\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\tel={el as any}\r\n\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\tisHoverIndex={hoverIndex === index}\r\n\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\tonClick={onClick as any}\r\n                        startOptionIcon={startOptionIcon}\r\n\t\t\t\t\t/>\r\n\t\t\t\t),\r\n\t\t\t)}\r\n\t\t\t{emptyContentChildren ? <div className=\"mt-2\">{emptyContentChildren}</div> : null}\r\n\t\t</>","previous","size = 24","{ size = 24, width, height, ...props }: IconSvgProps","...props","size || height","size || width","<g fillRule=\"evenodd\" transform=\"translate(-448 -544)\">\r\n\t\t\t\t<g fillRule=\"nonzero\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.743 2.257a6 6 0 1 1-8.485 8.486 6 6 0 0 1 8.485-8.486zm-1.06 1.06a4.5 4.5 0 1 0-6.365 6.364 4.5 4.5 0 0 0 6.364-6.363z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.39 8.75a2.94 2.94 0 0 0-.199.432c-.155.417-.23.849-.172 1.284.055.415.232.794.54 1.103a.75.75 0 0 0 1.112-1.004l-.051-.057a.39.39 0 0 1-.114-.24c-.021-.155.014-.356.09-.563.031-.081.06-.145.08-.182l.012-.022a.75.75 0 1 0-1.299-.752z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M9.557 11.659c.038-.018.09-.04.15-.064.207-.077.408-.112.562-.092.08.01.143.034.198.077l.041.036a.75.75 0 0 0 1.06-1.06 1.881 1.881 0 0 0-1.103-.54c-.435-.058-.867.018-1.284.175-.189.07-.336.143-.433.2a.75.75 0 0 0 .624 1.356l.066-.027.12-.061z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"m13.463 15.142-.04-.044-3.574-4.192c-.599-.703.355-1.656 1.058-1.057l4.191 3.574.044.04c.058.059.122.137.182.24.249.425.249.96-.154 1.41l-.057.057c-.45.403-.986.403-1.411.154a1.182 1.182 0 0 1-.24-.182zm.617-.616.444-.444a.31.31 0 0 0-.063-.052c-.093-.055-.263-.055-.35.024l.208.232.207-.206.006.007-.22.257-.026-.024.033-.034.025.027-.257.22-.007-.007zm-.027-.415c-.078.088-.078.257-.023.35a.31.31 0 0 0 .051.063l.205-.204-.233-.209z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</g>\r\n\t\t\t</g>","<svg fill=\"currentColor\" height={size || height} viewBox=\"0 0 16 16\" width={size || width} {...props}>\r\n\t\t\t<g fillRule=\"evenodd\" transform=\"translate(-448 -544)\">\r\n\t\t\t\t<g fillRule=\"nonzero\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.743 2.257a6 6 0 1 1-8.485 8.486 6 6 0 0 1 8.485-8.486zm-1.06 1.06a4.5 4.5 0 1 0-6.365 6.364 4.5 4.5 0 0 0 6.364-6.363z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.39 8.75a2.94 2.94 0 0 0-.199.432c-.155.417-.23.849-.172 1.284.055.415.232.794.54 1.103a.75.75 0 0 0 1.112-1.004l-.051-.057a.39.39 0 0 1-.114-.24c-.021-.155.014-.356.09-.563.031-.081.06-.145.08-.182l.012-.022a.75.75 0 1 0-1.299-.752z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M9.557 11.659c.038-.018.09-.04.15-.064.207-.077.408-.112.562-.092.08.01.143.034.198.077l.041.036a.75.75 0 0 0 1.06-1.06 1.881 1.881 0 0 0-1.103-.54c-.435-.058-.867.018-1.284.175-.189.07-.336.143-.433.2a.75.75 0 0 0 .624 1.356l.066-.027.12-.061z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"m13.463 15.142-.04-.044-3.574-4.192c-.599-.703.355-1.656 1.058-1.057l4.191 3.574.044.04c.058.059.122.137.182.24.249.425.249.96-.154 1.41l-.057.057c-.45.403-.986.403-1.411.154a1.182 1.182 0 0 1-.24-.182zm.617-.616.444-.444a.31.31 0 0 0-.063-.052c-.093-.055-.263-.055-.35.024l.208.232.207-.206.006.007-.22.257-.026-.024.033-.034.025.027-.257.22-.007-.007zm-.027-.415c-.078.088-.078.257-.023.35a.31.31 0 0 0 .051.063l.205-.204-.233-.209z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>","height = 160","textNoData = \"No encontramos un resultado que coincida con tu búsqueda\"","isSearch = true","multiple = false","fixed = false","isLoading = false","isEnter = true","displayField = \"name\"","{\r\n\t\t\t\tdata,\r\n\t\t\t\tname,\r\n\t\t\t\theight = 160,\r\n\t\t\t\tonClick,\r\n\t\t\t\tactive,\r\n\t\t\t\trefPartner,\r\n\t\t\t\ttextNoData = \"No encontramos un resultado que coincida con tu búsqueda\",\r\n\t\t\t\tisSearch = true,\r\n\t\t\t\tmultiple = false,\r\n\t\t\t\twidthList,\r\n\t\t\t\tfixed = false,\r\n\t\t\t\tisLoading = false,\r\n\t\t\t\tisEnter = true,\r\n\t\t\t\temptyContentChildren,\r\n\t\t\t\tdisplayField = \"name\",\r\n\t\t\t\tstartOptionIcon,\r\n\t\t\t}","[]","getInitialActiveIndex(data, active)","{ targetKey: \"Enter\" }","() => {\r\n\t\t\t\tsetDropdownPosition({ dropdownRef: ref as any, anchorRef: refPartner as any, height, width: widthList, fixed });\r\n\t\t\t}","useCallback(() => {\r\n\t\t\t\tsetDropdownPosition({ dropdownRef: ref as any, anchorRef: refPartner as any, height, width: widthList, fixed });\r\n\t\t\t}, [ref, refPartner, widthList, height, fixed])","() => {\r\n\t\t\t\thandleSetPositionSelect();\r\n\t\t\t}","[handleSetPositionSelect]","() => {\r\n\t\t\t\tsetDataValue(data);\r\n\t\t\t}","[data]","() => {\r\n\t\t\t\tif (isEnter && keyEnterPressed && dataValue.length > 0) {\r\n\t\t\t\t\tif (hoverIndex !== null && data[hoverIndex]) {\r\n\t\t\t\t\t\tonClick({ e: undefined, el: data[hoverIndex || 0] });\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}","[keyEnterPressed, isEnter, hoverIndex, data, dataValue, onClick]","dataValue.length","function handleSearchItem(e: React.ChangeEvent<HTMLInputElement>) {\r\n\t\t\t\tconst current = e.target.value;\r\n\r\n\t\t\t\tsetValue(current);\r\n\t\t\t\tif (current === \"\") {\r\n\t\t\t\t\tsetDataValue(data);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst upper = current.trim().toUpperCase();\r\n\t\t\t\tconst result = data.filter((el: any) => el?.[displayField as string]?.toString().trim().toUpperCase().includes(upper));\r\n\r\n\t\t\t\tsetDataValue(result);\r\n\t\t\t}","(node: HTMLElement | null) => {\r\n\t\t\t\t(ref as any).current = node;\r\n\t\t\t\tlocalRef.current = node;\r\n\t\t\t}","{ opacity: 0, y: 4 }","{ opacity: 1, y: 0, transition: { duration: 0.14, ease: \"easeOut\" } }","{\r\n\t\t\t\thidden: { opacity: 0, y: 4 },\r\n\t\t\t\tshow: { opacity: 1, y: 0, transition: { duration: 0.14, ease: \"easeOut\" } },\r\n\t\t\t\texit: { opacity: 0, y: 4, transition: { duration: 0.1, ease: \"easeIn\" } },\r\n\t\t\t}","hoverIndex !== null ? String((dataValue[hoverIndex] as any)?.id) : undefined","widthList || \"auto\"","fixed ? \"fixed\" : \"absolute\"","{\r\n\t\t\t\t\t\tmaxHeight: height,\r\n\t\t\t\t\t\twidth: widthList || \"auto\",\r\n\t\t\t\t\t\tposition: fixed ? \"fixed\" : \"absolute\",\r\n\t\t\t\t\t\tzIndex: 10,\r\n\t\t\t\t\t}","isLoading ? (\r\n\t\t\t\t\t\t<div translate=\"no\">\r\n\t\t\t\t\t\t\t<div>{\"Loading...\"}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{isSearch && (\r\n\t\t\t\t\t\t\t\t<div className=\"mb-2 \">\r\n\t\t\t\t\t\t\t\t\t<Input endContent={<SearchIcon size={18} />} placeholder=\"Buscar...\" value={value} onChange={handleSearchItem} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<AutocompleteOptionList\r\n\t\t\t\t\t\t\t\tactive={active}\r\n\t\t\t\t\t\t\t\tdataValue={dataValue}\r\n\t\t\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\t\t\temptyContentChildren={emptyContentChildren}\r\n\t\t\t\t\t\t\t\thoverIndex={hoverIndex}\r\n\t\t\t\t\t\t\t\tmultiple={multiple}\r\n\t\t\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\t\t\ttextNoData={textNoData}\r\n\t\t\t\t\t\t\t\tonClick={onClick}\r\n\t\t\t\t\t\t\t\tstartOptionIcon={startOptionIcon}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)","<motion.div\r\n\t\t\t\t\tref={setRefs}\r\n\t\t\t\t\tkey=\"dropdown-motion-root\"\r\n\t\t\t\t\tvariants={variants}\r\n\t\t\t\t\tinitial=\"hidden\"\r\n\t\t\t\t\tanimate=\"show\"\r\n\t\t\t\t\texit=\"exit\"\r\n\t\t\t\t\taria-activedescendant={hoverIndex !== null ? String((dataValue[hoverIndex] as any)?.id) : undefined}\r\n\t\t\t\t\tclassName=\"container-dropdown-list bg-content1 shadow-large rounded-md p-2 overflow-y-auto origin-top\"\r\n\t\t\t\t\tdata-name={name}\r\n\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\tmaxHeight: height,\r\n\t\t\t\t\t\twidth: widthList || \"auto\",\r\n\t\t\t\t\t\tposition: fixed ? \"fixed\" : \"absolute\",\r\n\t\t\t\t\t\tzIndex: 10,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t{isLoading ? (\r\n\t\t\t\t\t\t<div translate=\"no\">\r\n\t\t\t\t\t\t\t<div>{\"Loading...\"}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{isSearch && (\r\n\t\t\t\t\t\t\t\t<div className=\"mb-2 \">\r\n\t\t\t\t\t\t\t\t\t<Input endContent={<SearchIcon size={18} />} placeholder=\"Buscar...\" value={value} onChange={handleSearchItem} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<AutocompleteOptionList\r\n\t\t\t\t\t\t\t\tactive={active}\r\n\t\t\t\t\t\t\t\tdataValue={dataValue}\r\n\t\t\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\t\t\temptyContentChildren={emptyContentChildren}\r\n\t\t\t\t\t\t\t\thoverIndex={hoverIndex}\r\n\t\t\t\t\t\t\t\tmultiple={multiple}\r\n\t\t\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\t\t\ttextNoData={textNoData}\r\n\t\t\t\t\t\t\t\tonClick={onClick}\r\n\t\t\t\t\t\t\t\tstartOptionIcon={startOptionIcon}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</motion.div>","motion.div","SearchIcon","_Fragment","AutocompleteOptionList","{ containerRef, dropdownRef, onCloseDropDown }: DropdownControllerProps","(event: OutsideEvent) => {\r\n\t\t\tif (!isOpen) return;\r\n\t\t\tconst target = event.target as Node | null;\r\n\r\n\t\t\tif (!target) return;\r\n\t\t\tconst containerEl = containerRef.current;\r\n\t\t\tconst dropdownEl = dropdownRef.current;\r\n\t\t\tconst clickOutside = !!target && containerEl && !containerEl.contains(target) && dropdownEl && !dropdownEl.contains(target);\r\n\r\n\t\t\tif (clickOutside) {\r\n\t\t\t\tsetIsOpen(false);\r\n\t\t\t\tonCloseDropDown?.();\r\n\t\t\t}\r\n\t\t}","containerRef.current","dropdownRef.current","useCallback(\r\n\t\t(event: OutsideEvent) => {\r\n\t\t\tif (!isOpen) return;\r\n\t\t\tconst target = event.target as Node | null;\r\n\r\n\t\t\tif (!target) return;\r\n\t\t\tconst containerEl = containerRef.current;\r\n\t\t\tconst dropdownEl = dropdownRef.current;\r\n\t\t\tconst clickOutside = !!target && containerEl && !containerEl.contains(target) && dropdownEl && !dropdownEl.contains(target);\r\n\r\n\t\t\tif (clickOutside) {\r\n\t\t\t\tsetIsOpen(false);\r\n\t\t\t\tonCloseDropDown?.();\r\n\t\t\t}\r\n\t\t},\r\n\t\t[isOpen, dropdownRef, containerRef, onCloseDropDown],\r\n\t)","useCallback(() => document.getElementById(\"modal-root\"), [])","() => {\r\n\t\tdocument.addEventListener(\"click\", handleEventsOutside);\r\n\t\tdocument.addEventListener(\"wheel\", handleEventsOutside);\r\n\t\tconst modalElem = modalRef();\r\n\r\n\t\tmodalElem?.addEventListener(\"click\", handleEventsOutside);\r\n\t\tmodalElem?.addEventListener(\"wheel\", handleEventsOutside);\r\n\r\n\t\treturn () => {\r\n\t\t\tdocument.removeEventListener(\"click\", handleEventsOutside);\r\n\t\t\tdocument.removeEventListener(\"wheel\", handleEventsOutside);\r\n\t\t\tconst modalElemCleanup = modalRef();\r\n\r\n\t\t\tmodalElemCleanup?.removeEventListener(\"click\", handleEventsOutside);\r\n\t\t\tmodalElemCleanup?.removeEventListener(\"wheel\", handleEventsOutside);\r\n\t\t};\r\n\t}","[handleEventsOutside, modalRef]","[isOpen, setIsOpen]","() => document.getElementById(\"modal-root\")"],"sources":["../../src/components/autocomplete/autocomplete-option-item.tsx","../../src/components/autocomplete/use-key-press.ts","../../src/components/autocomplete/autocomplete-option-list.tsx","../../src/components/autocomplete/autocomplete-utils.ts","../../src/components/autocomplete/autocomplete-dropdown.tsx","../../src/components/autocomplete/use-autocomplete-dropdown.ts","../../src/components/autocomplete/input-autocomplete-form.tsx"],"sourcesContent":["\r\nimport { cn } from \"@/lib/utils\";\r\nimport type { DataValueListItem } from \"./autocomplete-types\";\r\n\r\nimport React, { createRef, memo, useEffect } from \"react\";\r\n\r\ninterface AutocompleteOptionItemProps<T extends DataValueListItem = DataValueListItem> {\r\n\tel: T;\r\n\tactive: number | string | T[];\r\n\tonClick: (args: { e?: React.MouseEvent<HTMLLIElement>; el: T }) => void;\r\n\tisHoverIndex: boolean;\r\n\tsetHoverIndex: React.Dispatch<React.SetStateAction<number | null>>;\r\n\tindex: number;\r\n\tdisplayField?: keyof T | string;\r\n\tstartOptionIcon?: React.ReactNode;\r\n}\r\n\r\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => (\r\n\t<svg viewBox=\"0 0 24 24\" width={16} height={16} aria-hidden=\"true\" {...props}>\r\n\t\t<path d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\" fill=\"currentColor\" />\r\n\t</svg>\r\n);\r\n\r\nexport const AutocompleteOptionItem = memo(\r\n\t<T extends DataValueListItem>({\r\n\t\tel,\r\n\t\tactive,\r\n\t\tonClick,\r\n\t\tisHoverIndex,\r\n\t\tsetHoverIndex,\r\n\t\tindex,\r\n\t\tdisplayField = \"name\",\r\n\t\tstartOptionIcon,\r\n\t}: AutocompleteOptionItemProps<T>) => {\r\n\t\tconst itemRef = createRef<HTMLLIElement>();\r\n\t\tconst isSelected = active === el.id;\r\n\r\n\t\tconst handleMouseEnterItem = () => {\r\n\t\t\t!isHoverIndex && setHoverIndex(index);\r\n\t\t};\r\n\r\n\t\tuseEffect(() => {\r\n\t\t\tif (isHoverIndex && itemRef.current) {\r\n\t\t\t\titemRef.current.scrollIntoView({ behavior: \"auto\", block: \"nearest\" });\r\n\t\t\t}\r\n\t\t}, [isHoverIndex]);\r\n\r\n\t\treturn (\r\n\t\t\t<li\r\n\t\t\t\tref={itemRef}\r\n\t\t\t\taria-selected={!!isSelected}\r\n\t\t\t\tclassName={cn(\r\n\t\t\t\t\t\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2 mb-0.5\",\r\n\t\t\t\t\tisHoverIndex ? \"bg-default-100\" : \"\",\r\n\t\t\t\t\tisSelected ? \"bg-default-200 font-semibold active-option-list\" : \"font-normal hover:bg-default-100 text-default-800\",\r\n\t\t\t\t)}\r\n\t\t\t\trole=\"option\"\r\n\t\t\t\ttranslate=\"no\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\tonClick({ e: undefined, el });\r\n\t\t\t\t}}\r\n\t\t\t\tonMouseEnter={handleMouseEnterItem}\r\n\t\t\t>\r\n\t\t\t\t{el.children && <div className=\"flex-shrink-0\">{el.children}</div>}\r\n\t\t\t\t{!el.children && (\r\n\t\t\t\t\t<div className=\"flex items-center justify-between gap-2 w-full\">\r\n\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\r\n\t\t\t\t\t\t\t{startOptionIcon ?? null}\r\n\t\t\t\t\t\t\t<div>{(el as any)[displayField as string]}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<CheckIcon className={cn(\"ml-auto\", isSelected ? \"visible \" : \"invisible\")} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</li>\r\n\t\t);\r\n\t},\r\n);\r\n\r\nAutocompleteOptionItem.displayName = \"AutocompleteOptionItem\";\r\n","import { useEffect, useState } from \"react\";\r\n\r\ninterface Props {\r\n\ttargetKey: string;\r\n}\r\nexport const useKeyPress = ({ targetKey }: Props) => {\r\n\tconst [keyPressed, setKeyPressed] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst downHandler = ({ key }: KeyboardEvent) => {\r\n\t\t\tif (key === targetKey) setKeyPressed(true);\r\n\t\t};\r\n\t\tconst upHandler = ({ key }: KeyboardEvent) => {\r\n\t\t\tif (key === targetKey) setKeyPressed(false);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"keydown\", downHandler);\r\n\t\twindow.addEventListener(\"keyup\", upHandler);\r\n\r\n\t\treturn () => {\r\n\t\t\twindow.removeEventListener(\"keydown\", downHandler);\r\n\t\t\twindow.removeEventListener(\"keyup\", upHandler);\r\n\t\t};\r\n\t}, [targetKey]);\r\n\r\n\treturn keyPressed;\r\n};\r\n","import type { OptionListProps } from \"./autocomplete-types\";\r\n\r\nimport { memo, useEffect } from \"react\";\r\n\r\nimport { AutocompleteOptionItem } from \"./autocomplete-option-item\";\r\nimport { useKeyPress } from \"./use-key-press\";\r\n\r\nconst AutocompleteOptionList = ({\r\n\tdataValue,\r\n\tactive,\r\n\tonClick,\r\n\tmultiple,\r\n\ttextNoData,\r\n\thoverIndex,\r\n\tsetHoverIndex,\r\n\tshowTextNoData = true,\r\n\temptyContentChildren,\r\n\tdisplayField = \"name\",\r\n    startOptionIcon,\r\n}: OptionListProps<any>) => {\r\n\tconst arrowUpPressed = useKeyPress({ targetKey: \"ArrowUp\" });\r\n\tconst arrowDownPressed = useKeyPress({ targetKey: \"ArrowDown\" });\r\n\r\n\tuseEffect(() => {\r\n\t\tif (arrowUpPressed && hoverIndex !== null && hoverIndex > 0) {\r\n\t\t\tsetHoverIndex((previous) => (previous || 0) - 1);\r\n\t\t}\r\n\t}, [arrowUpPressed]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (arrowDownPressed && hoverIndex !== null && hoverIndex + 1 < dataValue.length) {\r\n\t\t\tsetHoverIndex((previous) => (previous || 0) + 1);\r\n\t\t}\r\n\t}, [arrowDownPressed]);\r\n\r\n\tif (dataValue.length === 0 && showTextNoData) {\r\n\t\tif (emptyContentChildren) return emptyContentChildren;\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"d-flex w-full cursor-pointer rounded-md p-2 items-center gap-2\">\r\n\t\t\t\t<div>{textNoData}</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{dataValue.map((el, index) =>\r\n\t\t\t\tmultiple ? (\r\n\t\t\t\t\t<div key={`autocomplete-multi-${(el as any).id}-${index}`} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<AutocompleteOptionItem\r\n\t\t\t\t\t\tkey={`autocomplete-item-${(el as any).id}-${index}`}\r\n\t\t\t\t\t\tactive={active as any}\r\n\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\tel={el as any}\r\n\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\tisHoverIndex={hoverIndex === index}\r\n\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\tonClick={onClick as any}\r\n                        startOptionIcon={startOptionIcon}\r\n\t\t\t\t\t/>\r\n\t\t\t\t),\r\n\t\t\t)}\r\n\t\t\t{emptyContentChildren ? <div className=\"mt-2\">{emptyContentChildren}</div> : null}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default memo(AutocompleteOptionList);\r\n","import type { RefObject } from \"react\";\r\nimport type { DataValueListItem } from \"./autocomplete-types\";\r\n\r\nexport const hideAllSelectLists = (name: string | undefined) => {\r\n\tconst dropdowns = document.querySelectorAll<HTMLElement>(\".container-dropdown-list[data-name]\");\r\n\r\n\tdropdowns.forEach((dropdown) => {\r\n\t\tconst dropdownName = dropdown.getAttribute(\"data-name\");\r\n\r\n\t\tif (dropdownName === name) return; // es el activo, no cerrar\r\n\t\tconst isVisible = dropdown.offsetParent !== null || dropdown.style.visibility === \"visible\";\r\n\r\n\t\tif (!isVisible) return;\r\n\t\tconst root = dropdown.closest(\".main-container-autocomplete-form\");\r\n\t\tconst input = root?.querySelector<HTMLInputElement>(\".input-autocomplete-form-search\");\r\n\r\n\t\tif (input) {\r\n\t\t\tinput.dispatchEvent(new MouseEvent(\"click\", { bubbles: true }));\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const hideAllPortalSelectLists = (name: string | undefined) => {\r\n\tconst parentElement: Element | null = document.querySelector(\".react-tiny-popover-container\");\r\n\r\n\tif (!parentElement) return;\r\n\tconst dropdowns = parentElement.querySelectorAll<HTMLElement>(\".container-dropdown-list[data-name]\");\r\n\r\n\tdropdowns.forEach((dropdown) => {\r\n\t\tconst dropdownName = dropdown.getAttribute(\"data-name\");\r\n\r\n\t\tif (dropdownName === name) return;\r\n\t\tconst isVisible = dropdown.offsetParent !== null || dropdown.style.visibility === \"visible\";\r\n\r\n\t\tif (!isVisible) return;\r\n\t\tconst root = dropdown.closest(\".main-container-autocomplete-form\");\r\n\t\tconst input = root?.querySelector<HTMLInputElement>(\".input-autocomplete-form-search\");\r\n\r\n\t\tif (input) {\r\n\t\t\tinput.dispatchEvent(new MouseEvent(\"click\", { bubbles: true }));\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport function getInitialActiveIndex(data: DataValueListItem[], active: string | number | DataValueListItem[]) {\r\n\tif (!data) return 0;\r\n\tlet index = 0;\r\n\r\n\tif (typeof active === \"string\" || typeof active === \"number\") {\r\n\t\tindex = data.findIndex((item) => item?.id?.toString() === active?.toString());\r\n\r\n\t\treturn index === -1 ? 0 : index;\r\n\t}\r\n\tif (active.length === 0) return 0;\r\n\tindex = data.findIndex((item) => item.id?.toString() === active[active.length - 1].id?.toString());\r\n\r\n\treturn index === -1 ? 0 : index;\r\n}\r\n\r\ninterface SetDropdownPositionArgs {\r\n\tdropdownRef: RefObject<HTMLElement> | { current: HTMLElement | null };\r\n\tanchorRef: RefObject<HTMLElement> | { current: HTMLElement | null };\r\n\theight: number;\r\n\twidth?: number | \"auto\";\r\n\tfixed?: boolean;\r\n}\r\n\r\nexport const setDropdownPosition = ({ dropdownRef, anchorRef, height, width, fixed = true }: SetDropdownPositionArgs) => {\r\n\tconst listEl = dropdownRef?.current;\r\n\tconst anchorEl = anchorRef?.current;\r\n\r\n\tif (!listEl || !anchorEl) return;\r\n\tconst gap = 8;\r\n\tconst inputRect = anchorEl.getBoundingClientRect();\r\n\tconst optionsContainerHeight = height || listEl.offsetHeight;\r\n\tconst overflowBottom = inputRect.bottom + optionsContainerHeight + gap > window.innerHeight;\r\n\r\n\tif (overflowBottom) {\r\n\t\tlistEl.style.bottom = fixed ? `${window.innerHeight - inputRect.top + gap}px` : `32px`;\r\n\t\tlistEl.style.top = \"auto\";\r\n\t} else {\r\n\t\tif (fixed) {\r\n\t\t\tlistEl.style.top = `${inputRect.bottom + gap}px`;\r\n\t\t}\r\n\t\tlistEl.style.bottom = \"auto\";\r\n\t}\r\n\tlistEl.style.left = fixed ? `${inputRect.left}px` : \"0\";\r\n\r\n\t// Cálculo de ancho: por defecto igual al input; si se pasa width numérico actúa como mínimo.\r\n\tconst inputWidth = inputRect.width;\r\n\tif (typeof width === \"number\") {\r\n\t\tconst finalWidth = Math.max(inputWidth, width);\r\n\t\tlistEl.style.minWidth = `${width}px`;\r\n\t\tlistEl.style.width = `${finalWidth}px`;\r\n\t} else {\r\n\t\tlistEl.style.width = `${inputWidth}px`;\r\n\t}\r\n\r\n\tlistEl.style.visibility = \"visible\";\r\n};\r\n","import type { DataValueListItem, DropdownContainerProps } from \"./autocomplete-types\";\r\n\r\nimport { motion } from \"motion/react\";\r\nimport { forwardRef, memo, useCallback, useEffect, useRef, useState } from \"react\";\r\n\r\nimport AutocompleteOptionList from \"./autocomplete-option-list\";\r\nimport { getInitialActiveIndex, setDropdownPosition } from \"./autocomplete-utils\";\r\nimport { useKeyPress } from \"./use-key-press\";\r\nimport type { IconSvgProps } from \"@/types\";\r\nimport { Input } from \"../ui\";\r\n\r\nconst SearchIcon = ({ size = 24, width, height, ...props }: IconSvgProps) => {\r\n\treturn (\r\n\t\t<svg fill=\"currentColor\" height={size || height} viewBox=\"0 0 16 16\" width={size || width} {...props}>\r\n\t\t\t<g fillRule=\"evenodd\" transform=\"translate(-448 -544)\">\r\n\t\t\t\t<g fillRule=\"nonzero\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.743 2.257a6 6 0 1 1-8.485 8.486 6 6 0 0 1 8.485-8.486zm-1.06 1.06a4.5 4.5 0 1 0-6.365 6.364 4.5 4.5 0 0 0 6.364-6.363z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M10.39 8.75a2.94 2.94 0 0 0-.199.432c-.155.417-.23.849-.172 1.284.055.415.232.794.54 1.103a.75.75 0 0 0 1.112-1.004l-.051-.057a.39.39 0 0 1-.114-.24c-.021-.155.014-.356.09-.563.031-.081.06-.145.08-.182l.012-.022a.75.75 0 1 0-1.299-.752z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M9.557 11.659c.038-.018.09-.04.15-.064.207-.077.408-.112.562-.092.08.01.143.034.198.077l.041.036a.75.75 0 0 0 1.06-1.06 1.881 1.881 0 0 0-1.103-.54c-.435-.058-.867.018-1.284.175-.189.07-.336.143-.433.2a.75.75 0 0 0 .624 1.356l.066-.027.12-.061z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"m13.463 15.142-.04-.044-3.574-4.192c-.599-.703.355-1.656 1.058-1.057l4.191 3.574.044.04c.058.059.122.137.182.24.249.425.249.96-.154 1.41l-.057.057c-.45.403-.986.403-1.411.154a1.182 1.182 0 0 1-.24-.182zm.617-.616.444-.444a.31.31 0 0 0-.063-.052c-.093-.055-.263-.055-.35.024l.208.232.207-.206.006.007-.22.257-.026-.024.033-.034.025.027-.257.22-.007-.007zm-.027-.415c-.078.088-.078.257-.023.35a.31.31 0 0 0 .051.063l.205-.204-.233-.209z\"\r\n\t\t\t\t\t\ttransform=\"translate(448 544)\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n};\r\n\r\nexport const AutocompleteDropdown = memo(\r\n\tforwardRef<HTMLElement, DropdownContainerProps>(\r\n\t\t(\r\n\t\t\t{\r\n\t\t\t\tdata,\r\n\t\t\t\tname,\r\n\t\t\t\theight = 160,\r\n\t\t\t\tonClick,\r\n\t\t\t\tactive,\r\n\t\t\t\trefPartner,\r\n\t\t\t\ttextNoData = \"No encontramos un resultado que coincida con tu búsqueda\",\r\n\t\t\t\tisSearch = true,\r\n\t\t\t\tmultiple = false,\r\n\t\t\t\twidthList,\r\n\t\t\t\tfixed = false,\r\n\t\t\t\tisLoading = false,\r\n\t\t\t\tisEnter = true,\r\n\t\t\t\temptyContentChildren,\r\n\t\t\t\tdisplayField = \"name\",\r\n\t\t\t\tstartOptionIcon,\r\n\t\t\t},\r\n\t\t\tref,\r\n\t\t) => {\r\n\t\t\tconst [value, setValue] = useState(\"\");\r\n\t\t\tconst [dataValue, setDataValue] = useState<Array<DataValueListItem>>([]);\r\n\t\t\tconst [hoverIndex, setHoverIndex] = useState<number | null>(getInitialActiveIndex(data, active));\r\n\t\t\tconst keyEnterPressed = useKeyPress({ targetKey: \"Enter\" });\r\n\r\n\t\t\tconst handleSetPositionSelect = useCallback(() => {\r\n\t\t\t\tsetDropdownPosition({ dropdownRef: ref as any, anchorRef: refPartner as any, height, width: widthList, fixed });\r\n\t\t\t}, [ref, refPartner, widthList, height, fixed]);\r\n\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\thandleSetPositionSelect();\r\n\t\t\t}, [handleSetPositionSelect]);\r\n\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\tsetDataValue(data);\r\n\t\t\t}, [data]);\r\n\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\tif (isEnter && keyEnterPressed && dataValue.length > 0) {\r\n\t\t\t\t\tif (hoverIndex !== null && data[hoverIndex]) {\r\n\t\t\t\t\t\tonClick({ e: undefined, el: data[hoverIndex || 0] });\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}, [keyEnterPressed, isEnter, hoverIndex, data, dataValue, onClick]);\r\n\r\n\t\t\tfunction handleSearchItem(e: React.ChangeEvent<HTMLInputElement>) {\r\n\t\t\t\tconst current = e.target.value;\r\n\r\n\t\t\t\tsetValue(current);\r\n\t\t\t\tif (current === \"\") {\r\n\t\t\t\t\tsetDataValue(data);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tconst upper = current.trim().toUpperCase();\r\n\t\t\t\tconst result = data.filter((el: any) => el?.[displayField as string]?.toString().trim().toUpperCase().includes(upper));\r\n\r\n\t\t\t\tsetDataValue(result);\r\n\t\t\t}\r\n\r\n\t\t\tconst localRef = useRef<HTMLElement | null>(null);\r\n\t\t\tconst setRefs = (node: HTMLElement | null) => {\r\n\t\t\t\t(ref as any).current = node;\r\n\t\t\t\tlocalRef.current = node;\r\n\t\t\t};\r\n\r\n\t\t\tconst variants = {\r\n\t\t\t\thidden: { opacity: 0, y: 4 },\r\n\t\t\t\tshow: { opacity: 1, y: 0, transition: { duration: 0.14, ease: \"easeOut\" } },\r\n\t\t\t\texit: { opacity: 0, y: 4, transition: { duration: 0.1, ease: \"easeIn\" } },\r\n\t\t\t} as const;\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<motion.div\r\n\t\t\t\t\tref={setRefs}\r\n\t\t\t\t\tkey=\"dropdown-motion-root\"\r\n\t\t\t\t\tvariants={variants}\r\n\t\t\t\t\tinitial=\"hidden\"\r\n\t\t\t\t\tanimate=\"show\"\r\n\t\t\t\t\texit=\"exit\"\r\n\t\t\t\t\taria-activedescendant={hoverIndex !== null ? String((dataValue[hoverIndex] as any)?.id) : undefined}\r\n\t\t\t\t\tclassName=\"container-dropdown-list bg-content1 shadow-large rounded-md p-2 overflow-y-auto origin-top\"\r\n\t\t\t\t\tdata-name={name}\r\n\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\tmaxHeight: height,\r\n\t\t\t\t\t\twidth: widthList || \"auto\",\r\n\t\t\t\t\t\tposition: fixed ? \"fixed\" : \"absolute\",\r\n\t\t\t\t\t\tzIndex: 10,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t{isLoading ? (\r\n\t\t\t\t\t\t<div translate=\"no\">\r\n\t\t\t\t\t\t\t<div>{\"Loading...\"}</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{isSearch && (\r\n\t\t\t\t\t\t\t\t<div className=\"mb-2 \">\r\n\t\t\t\t\t\t\t\t\t<Input endContent={<SearchIcon size={18} />} placeholder=\"Buscar...\" value={value} onChange={handleSearchItem} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t<AutocompleteOptionList\r\n\t\t\t\t\t\t\t\tactive={active}\r\n\t\t\t\t\t\t\t\tdataValue={dataValue}\r\n\t\t\t\t\t\t\t\tdisplayField={displayField as string}\r\n\t\t\t\t\t\t\t\temptyContentChildren={emptyContentChildren}\r\n\t\t\t\t\t\t\t\thoverIndex={hoverIndex}\r\n\t\t\t\t\t\t\t\tmultiple={multiple}\r\n\t\t\t\t\t\t\t\tsetHoverIndex={setHoverIndex}\r\n\t\t\t\t\t\t\t\ttextNoData={textNoData}\r\n\t\t\t\t\t\t\t\tonClick={onClick}\r\n\t\t\t\t\t\t\t\tstartOptionIcon={startOptionIcon}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</motion.div>\r\n\t\t\t);\r\n\t\t},\r\n\t),\r\n);\r\n\r\nAutocompleteDropdown.displayName = \"AutocompleteDropdown\";\r\n","import { useCallback, useEffect, useState, type RefObject } from \"react\";\r\n\r\ninterface DropdownControllerProps {\r\n\tcontainerRef: RefObject<HTMLElement>;\r\n\tdropdownRef: RefObject<HTMLElement>;\r\n\tonCloseDropDown?: () => void;\r\n}\r\n\r\ntype OutsideEvent = MouseEvent | WheelEvent;\r\n\r\nexport function useAutocompleteDropdown({ containerRef, dropdownRef, onCloseDropDown }: DropdownControllerProps) {\r\n\tconst [isOpen, setIsOpen] = useState<boolean>(false);\r\n\r\n\tconst handleEventsOutside = useCallback(\r\n\t\t(event: OutsideEvent) => {\r\n\t\t\tif (!isOpen) return;\r\n\t\t\tconst target = event.target as Node | null;\r\n\r\n\t\t\tif (!target) return;\r\n\t\t\tconst containerEl = containerRef.current;\r\n\t\t\tconst dropdownEl = dropdownRef.current;\r\n\t\t\tconst clickOutside = !!target && containerEl && !containerEl.contains(target) && dropdownEl && !dropdownEl.contains(target);\r\n\r\n\t\t\tif (clickOutside) {\r\n\t\t\t\tsetIsOpen(false);\r\n\t\t\t\tonCloseDropDown?.();\r\n\t\t\t}\r\n\t\t},\r\n\t\t[isOpen, dropdownRef, containerRef, onCloseDropDown],\r\n\t);\r\n\r\n\tconst modalRef = useCallback(() => document.getElementById(\"modal-root\"), []);\r\n\r\n\tuseEffect(() => {\r\n\t\tdocument.addEventListener(\"click\", handleEventsOutside);\r\n\t\tdocument.addEventListener(\"wheel\", handleEventsOutside);\r\n\t\tconst modalElem = modalRef();\r\n\r\n\t\tmodalElem?.addEventListener(\"click\", handleEventsOutside);\r\n\t\tmodalElem?.addEventListener(\"wheel\", handleEventsOutside);\r\n\r\n\t\treturn () => {\r\n\t\t\tdocument.removeEventListener(\"click\", handleEventsOutside);\r\n\t\t\tdocument.removeEventListener(\"wheel\", handleEventsOutside);\r\n\t\t\tconst modalElemCleanup = modalRef();\r\n\r\n\t\t\tmodalElemCleanup?.removeEventListener(\"click\", handleEventsOutside);\r\n\t\t\tmodalElemCleanup?.removeEventListener(\"wheel\", handleEventsOutside);\r\n\t\t};\r\n\t}, [handleEventsOutside, modalRef]);\r\n\r\n\treturn [isOpen, setIsOpen] as const;\r\n}\r\n","import type { DataValueListItem, InputAutocompleteFormProps } from \"./autocomplete-types\";\r\nimport { RefreshCwIcon } from \"lucide-react\";\r\nimport { forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { useOnClickOutside } from \"usehooks-ts\";\r\n\r\nimport { AnimatePresence } from \"motion/react\";\r\nimport { AutocompleteDropdown } from \"./autocomplete-dropdown\";\r\nimport { hideAllPortalSelectLists, hideAllSelectLists } from \"./autocomplete-utils\";\r\nimport { useAutocompleteDropdown } from \"./use-autocomplete-dropdown\";\r\nimport { Input } from \"../ui\";\r\n\r\nexport const InputAutocompleteForm = memo(\r\n\tforwardRef<HTMLDivElement, InputAutocompleteFormProps>(\r\n\t\t(\r\n\t\t\t{\r\n\t\t\t\tdata,\r\n\t\t\t\tid,\r\n\t\t\t\tname,\r\n\t\t\t\terrors,\r\n\t\t\t\ttouched,\r\n\t\t\t\tvalue,\r\n\t\t\t\tplaceholder = \"Buscar ...\",\r\n\t\t\t\treadOnly,\r\n\t\t\t\tstyle,\r\n\t\t\t\theight = 220,\r\n\t\t\t\tisSearch = false,\r\n\t\t\t\twidthList,\r\n\t\t\t\tloading = false,\r\n\t\t\t\ticonLeft,\r\n\t\t\t\ticonRight,\r\n\t\t\t\tautoFocus = false,\r\n\t\t\t\tinputId = \"\",\r\n\t\t\t\tonChange,\r\n\t\t\t\tonBlur,\r\n\t\t\t\tonClickItem,\r\n\t\t\t\tonResetInput,\r\n\t\t\t\tonMouseLeave,\r\n\t\t\t\tonMouseOver,\r\n\t\t\t\tonMouseEnter,\r\n\t\t\t\tinputClassName,\r\n\t\t\t\tfixed = true,\r\n\t\t\t\tinputRef,\r\n\t\t\t\tdefaultValue,\r\n\t\t\t\ttype = \"text\",\r\n\t\t\t\tisInsidePopover = false,\r\n\t\t\t\tcloseClickOutside = true,\r\n\t\t\t\ttextNoData,\r\n\t\t\t\tisEnter = true,\r\n\t\t\t\tmaxLength,\r\n\t\t\t\tstyleInput,\r\n\t\t\t\temptyContentChildren,\r\n\t\t\t\tstartOptionIcon,\r\n\t\t\t},\r\n\t\t\tref,\r\n\t\t) => {\r\n\t\t\tconst [valueField, setValueField] = useState<string>(\"\");\r\n\r\n\t\t\tconst internalInputRef = useRef<HTMLInputElement | null>(null);\r\n\t\t\tconst safeInputRef = (inputRef as any) ?? internalInputRef;\r\n\t\t\tconst selectListRef = useRef<HTMLUListElement>(null);\r\n\t\t\tconst containerRefAutocomplete = useRef<HTMLElement>(null);\r\n\r\n\t\t\tconst [isOpenDropdown, setIsOpenDropdown] = useAutocompleteDropdown({\r\n\t\t\t\tcontainerRef: safeInputRef as any,\r\n\t\t\t\tdropdownRef: selectListRef as any,\r\n\t\t\t\tonCloseDropDown: () => {\r\n\t\t\t\t\tif (defaultValue) {\r\n\t\t\t\t\t\tsetValueField(defaultValue);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t});\r\n\r\n\t\t\tuseOnClickOutside(containerRefAutocomplete as any, () => {\r\n\t\t\t\tif (closeClickOutside) {\r\n\t\t\t\t\tsetIsOpenDropdown(false);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\tsetValueField(value);\r\n\t\t\t}, [value]);\r\n\r\n\t\t\tconst handleClickItem = useCallback(\r\n\t\t\t\t({ el }: { e?: React.MouseEvent<HTMLLIElement | HTMLLabelElement>; el: DataValueListItem }) => {\r\n\t\t\t\t\tsetIsOpenDropdown(false);\r\n\t\t\t\t\tonClickItem && onClickItem(el);\r\n\t\t\t\t},\r\n\t\t\t\t[onClickItem],\r\n\t\t\t);\r\n\r\n\t\t\tconst handleSearchText = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\tsetIsOpenDropdown(true);\r\n\t\t\t\tonChange && onChange(e);\r\n\t\t\t};\r\n\r\n\t\t\tconst endIcon = useMemo(() => {\r\n\t\t\t\tif (loading) {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<div aria-label=\"loading\" role=\"status\">\r\n\t\t\t\t\t\t\t<RefreshCwIcon className=\"h-4 w-4 animate-spin\" width={18} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t\tif (valueField !== \"\" && !readOnly) {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\taria-label=\"Limpiar\"\r\n\t\t\t\t\t\t\tclassName=\"p-0 m-0 bg-transparent border-0 cursor-pointer text-default-500 hover:text-default-700\"\r\n\t\t\t\t\t\t\tstyle={{ lineHeight: 0, display: \"flex\" }}\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\t\tonResetInput?.();\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" focusable=\"false\" height={18} role=\"img\" viewBox=\"0 0 24 24\" width={18}>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn iconRight?.icon ?? null;\r\n\t\t\t}, [loading, valueField, readOnly, iconRight, onResetInput]);\r\n\r\n\t\t\tconst handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tisInsidePopover ? hideAllPortalSelectLists(name) : hideAllSelectLists(name);\r\n\t\t\t\tsetIsOpenDropdown(!isOpenDropdown);\r\n\t\t\t};\r\n\r\n\t\t\tconst handleOnFocus = (e: React.FocusEvent<HTMLInputElement>) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\tisInsidePopover ? hideAllPortalSelectLists(name) : hideAllSelectLists(name);\r\n\t\t\t};\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<div\r\n\t\t\t\t\tref={containerRefAutocomplete as any}\r\n\t\t\t\t\tclassName=\"main-container-autocomplete-form w-full\"\r\n\t\t\t\t\tstyle={style}\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div ref={ref} className=\"input-autocomplete-form-container w-full relative\" id={String(id)}>\r\n\t\t\t\t\t\t<Input\r\n\t\t\t\t\t\t\tref={safeInputRef}\r\n\t\t\t\t\t\t\taria-autocomplete=\"list\"\r\n\t\t\t\t\t\t\taria-controls={`autocomplete-list-${id}`}\r\n\t\t\t\t\t\t\taria-expanded={isOpenDropdown}\r\n\t\t\t\t\t\t\tautoComplete=\"off\"\r\n\t\t\t\t\t\t\tautoFocus={autoFocus}\r\n\t\t\t\t\t\t\tclassName={`${inputClassName ?? \"input-autocomplete-form-search\"} w-full`}\r\n\t\t\t\t\t\t\tdefaultValue={defaultValue || value}\r\n\t\t\t\t\t\t\tendContent={endIcon}\r\n\t\t\t\t\t\t\terror={typeof errors === \"string\" && touched ? errors : undefined}\r\n\t\t\t\t\t\t\tid={inputId}\r\n\t\t\t\t\t\t\tmaxLength={maxLength}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\tstartContent={iconLeft?.icon}\r\n\t\t\t\t\t\t\tstyle={styleInput}\r\n\t\t\t\t\t\t\ttouched={touched as any}\r\n\t\t\t\t\t\t\ttranslate=\"no\"\r\n\t\t\t\t\t\t\ttype={type}\r\n\t\t\t\t\t\t\tvalue={valueField}\r\n\t\t\t\t\t\t\tonBlur={onBlur as any}\r\n\t\t\t\t\t\t\tonChange={handleSearchText}\r\n\t\t\t\t\t\t\tonClick={handleClick}\r\n\t\t\t\t\t\t\tonFocus={handleOnFocus}\r\n\t\t\t\t\t\t\tonMouseEnter={onMouseEnter}\r\n\t\t\t\t\t\t\tonMouseLeave={onMouseLeave}\r\n\t\t\t\t\t\t\tonMouseOver={onMouseOver}\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t<AnimatePresence>\r\n\t\t\t\t\t\t\t{!loading && isOpenDropdown && !readOnly && (\r\n\t\t\t\t\t\t\t\t<AutocompleteDropdown\r\n\t\t\t\t\t\t\t\t\tref={selectListRef as any}\r\n\t\t\t\t\t\t\t\t\tkey=\"autocomplete-dropdown\"\r\n\t\t\t\t\t\t\t\t\tactive={id}\r\n\t\t\t\t\t\t\t\t\tdata={data}\r\n\t\t\t\t\t\t\t\t\temptyContentChildren={emptyContentChildren}\r\n\t\t\t\t\t\t\t\t\tfixed={fixed}\r\n\t\t\t\t\t\t\t\t\theight={height}\r\n\t\t\t\t\t\t\t\t\tisEnter={isEnter}\r\n\t\t\t\t\t\t\t\t\tisSearch={isSearch}\r\n\t\t\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t\t\trefPartner={safeInputRef as any}\r\n\t\t\t\t\t\t\t\t\ttextNoData={textNoData}\r\n\t\t\t\t\t\t\t\t\twidthList={widthList}\r\n\t\t\t\t\t\t\t\t\tonClick={handleClickItem}\r\n\t\t\t\t\t\t\t\t\tstartOptionIcon={startOptionIcon}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</AnimatePresence>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t},\r\n\t),\r\n);\r\n\r\nInputAutocompleteForm.displayName = \"InputAutocompleteForm\";\r\n"],"mappings":"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"}

package/dist/bar-chart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["height = 300","margin = { bottom: 0, left: 0, right: 8, top: 8 }","width = \"100%\"","{\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tlayout,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: BarChartRootProps","barChartVariants()","useMemo(() => barChartVariants(), [])","composeSlotClassName(slots?.base, className)","<RechartsBarChart data={data} layout={layout} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsBarChart>","<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsBarChart data={data} layout={layout} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsBarChart>\n\t\t\t</ResponsiveContainer>","<div className={composeSlotClassName(slots?.base, className)} data-slot=\"bar-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsBarChart data={data} layout={layout} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsBarChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>","_c","RechartsBarChart","BarChartBar","BarChartGrid","BarChartTooltip","BarChartTooltipContent","BarChartXAxis","BarChartYAxis"],"sources":["../../src/components/bar-chart/bar-chart.styles.ts","../../src/components/bar-chart/bar-chart.tsx","../../src/components/bar-chart/index.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\";\n\nimport { tv } from \"tailwind-variants\";\n\nexport const barChartVariants = tv({\n\tslots: {\n\t\tbase: \"bar-chart\",\n\t},\n});\n\nexport type BarChartVariants = VariantProps<typeof barChartVariants>;\n","\"use client\";\n\nimport \"./bar-chart.css\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { useMemo } from \"react\";\nimport { Bar, BarChart as RechartsBarChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from \"recharts\";\n\nimport { composeSlotClassName } from \"@/lib/utils/compose\";\nimport { ChartTooltipContent } from \"../chart-tooltip/chart-tooltip-content\";\n\nimport { barChartVariants } from \"./bar-chart.styles\";\n\n/* -------------------------------------------------------------------------------------------------\n * Bar Chart Root\n * -----------------------------------------------------------------------------------------------*/\ninterface BarChartRootProps extends ComponentPropsWithRef<\"div\"> {\n\tchildren: ReactNode;\n\t/** Chart data — array of objects with numeric/string fields for each series. */\n\tdata: Record<string, number | string>[];\n\t/** Chart height in pixels. @default 300 */\n\theight?: number;\n\t/** Bar layout direction. Use \"vertical\" for horizontal bar charts. @default \"horizontal\" */\n\tlayout?: \"horizontal\" | \"vertical\";\n\t/** Recharts margin. @default { top: 8, right: 8, bottom: 0, left: 0 } */\n\tmargin?: {\n\t\tbottom?: number;\n\t\tleft?: number;\n\t\tright?: number;\n\t\ttop?: number;\n\t};\n\t/** Chart width in pixels or percentage string like \"100%\". @default \"100%\" */\n\twidth?: number | `${number}%`;\n}\n\n// Children are Recharts parts (Bar, XAxis, Tooltip…) rendered inside the responsive chart.\n// `layout` has no default here: undefined lets Recharts use its own \"horizontal\".\nconst BarChartRoot = ({\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tlayout,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: BarChartRootProps) => {\n\tconst slots = useMemo(() => barChartVariants(), []);\n\n\treturn (\n\t\t<div className={composeSlotClassName(slots?.base, className)} data-slot=\"bar-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsBarChart data={data} layout={layout} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsBarChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>\n\t);\n};\n\n(BarChartRoot as { displayName?: string }).displayName = \"LizaUI.BarChart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\nexport { BarChartRoot };\n\nexport type { BarChartRootProps };\n\n// The other parts are Recharts primitives re-exported under chart-specific names\nexport {\n\tBar as BarChartBar,\n\tCartesianGrid as BarChartGrid,\n\tTooltip as BarChartTooltip,\n\tXAxis as BarChartXAxis,\n\tYAxis as BarChartYAxis,\n\tChartTooltipContent as BarChartTooltipContent,\n};\n","import type { ComponentProps } from \"react\";\n\nimport { BarChartBar, BarChartGrid, BarChartRoot, BarChartTooltip, BarChartTooltipContent, BarChartXAxis, BarChartYAxis } from \"./bar-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Compound Component\n * -----------------------------------------------------------------------------------------------*/\nexport const BarChart = Object.assign(BarChartRoot, {\n\tBar: BarChartBar,\n\tGrid: BarChartGrid,\n\tRoot: BarChartRoot,\n\tTooltip: BarChartTooltip,\n\tTooltipContent: BarChartTooltipContent,\n\tXAxis: BarChartXAxis,\n\tYAxis: BarChartYAxis,\n});\n\nexport type BarChart = {\n\tBarProps: ComponentProps<typeof BarChartBar>;\n\tGridProps: ComponentProps<typeof BarChartGrid>;\n\tProps: ComponentProps<typeof BarChartRoot>;\n\tRootProps: ComponentProps<typeof BarChartRoot>;\n\tTooltipContentProps: ComponentProps<typeof BarChartTooltipContent>;\n\tTooltipProps: ComponentProps<typeof BarChartTooltip>;\n\tXAxisProps: ComponentProps<typeof BarChartXAxis>;\n\tYAxisProps: ComponentProps<typeof BarChartYAxis>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Named Component\n * -----------------------------------------------------------------------------------------------*/\nexport { BarChartBar, BarChartGrid, BarChartRoot, BarChartTooltip, BarChartTooltipContent, BarChartXAxis, BarChartYAxis };\n\nexport type { BarChartRootProps } from \"./bar-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Variants\n * -----------------------------------------------------------------------------------------------*/\nexport { barChartVariants } from \"./bar-chart.styles\";\n\nexport type { BarChartVariants } from \"./bar-chart.styles\";\n"],"mappings":";;;;;;;AAIA,IAAa,mBAAmB,GAAG,EAClC,OAAO,EACN,MAAM,YACP,EACD,CAAC;;AC6BD,IAAM,gBAAA,OASmB;;CARxB,IAAA;CACA,IAAA;CACA,IAAA;CAEA,IAAA;CAGG,IAAA;CAJHA,IAAAA;CAEAC,IAAAA;CACAC,IAAAA;CAPqBC,IAAAA,EAAAA,OAAAA,IAAAA;EACrB,CAAA,CAAA,UACA,WACA,MACA,QAAA,IACA,QACA,QAAA,IACA,OAAA,IACA,GAAA,SARqBA;;;;;;;;;;;;;;;;;;;;CAIrB,MAAA,SAAA,OAAA,KAAA,IAAS,MAATH;CAEAC,IAAAA;;EAAS,KAAA,OAAA,KAAA,IAAA;GAAE,QAAQ;GAAG,MAAM;GAAG,OAAO;GAAG,KAAK;EAAE,IAAhDA;;;;;CACA,MAAA,QAAA,OAAA,KAAA,IAAQ,SAARC;CAG4BE,IAAAA;;EAAiB,KAAA,iBAAA;;;CAA7C,MAAM,QAAQC;CAGGC,IAAAA;CAAkC,IAAA,EAAA,QAAA,WAAA;EAAlC,KAAA,qBAAqB,OAAO,MAAM,SAAS;EAAT,EAAA,MAAA;;;CAEhDC,IAAAA;CACE,IAAA,EAAA,QAAA,YAAA,EAAA,QADsB,QAAA,EAAA,QAAc,UAAA,EAAA,QAAgB,QAAA;EAAtD,KAAA,oBAACI,YAAD;GAAwB;GAAc;GAAgB;GACpD;EACgB,CAAA;EADhB,EAAA,MAAA;EADsB,EAAA,MAAA;EAAc,EAAA,MAAA;EAAgB,EAAA,MAAA;;;CADvDH,IAAAA;CAA6B,IAAA,EAAA,QAAA,UAAA,EAAA,QAC5BD,MAAAA,EAAAA,QAD2C,OAAA;EAA5C,KAAA,oBAAC,qBAAD;GAA6B;GAAe;GAC3CA,UAAAA;EAGoB,CAAA;EAJQ,EAAA,MAAA;EAC5BA,EAAAA,MAAAA;EAD2C,EAAA,MAAA;;;CAD7CE,IAAAA;CAAwF,IAAA,EAAA,QAAA,SAAA,EAAA,QAAxEH,MAAAA,EAAAA,QACfE,IAAAA;EADD,KAAA,oBAAC,OAAD;GAAK,WAAWF;GAA8C,aAAU;GAAY,GAAI;GACvFE,UAAAA;EAKI,CAAA;EANmF,EAAA,MAAA;EAAxEF,EAAAA,MAAAA;EACfE,EAAAA,MAAAA;;;CAFF,OACCC;AAQF;AAEA,aAA2C,cAAc;;ACrDzD,IAAa,WAAW,OAAO,OAAO,cAAc;CAC9CG;CACL,MAAMC;CACN,MAAM;CACGC;CACT,gBAAgBC;CACTC;CACAC;AACR,CAAC"}
+{"version":3,"file":"index.js","names":["height = 300","margin = { bottom: 0, left: 0, right: 8, top: 8 }","width = \"100%\"","{\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tlayout,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: BarChartRootProps","...props","barChartVariants()","useMemo(() => barChartVariants(), [])","composeSlotClassName(slots?.base, className)","<RechartsBarChart data={data} layout={layout} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsBarChart>","<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsBarChart data={data} layout={layout} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsBarChart>\n\t\t\t</ResponsiveContainer>","<div className={composeSlotClassName(slots?.base, className)} data-slot=\"bar-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsBarChart data={data} layout={layout} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsBarChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>","RechartsBarChart","BarChartBar","BarChartGrid","BarChartTooltip","BarChartTooltipContent","BarChartXAxis","BarChartYAxis"],"sources":["../../src/components/bar-chart/bar-chart.styles.ts","../../src/components/bar-chart/bar-chart.tsx","../../src/components/bar-chart/index.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\";\n\nimport { tv } from \"tailwind-variants\";\n\nexport const barChartVariants = tv({\n\tslots: {\n\t\tbase: \"bar-chart\",\n\t},\n});\n\nexport type BarChartVariants = VariantProps<typeof barChartVariants>;\n","\"use client\";\n\nimport \"./bar-chart.css\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { useMemo } from \"react\";\nimport { Bar, BarChart as RechartsBarChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from \"recharts\";\n\nimport { composeSlotClassName } from \"@/lib/utils/compose\";\nimport { ChartTooltipContent } from \"../chart-tooltip/chart-tooltip-content\";\n\nimport { barChartVariants } from \"./bar-chart.styles\";\n\n/* -------------------------------------------------------------------------------------------------\n * Bar Chart Root\n * -----------------------------------------------------------------------------------------------*/\ninterface BarChartRootProps extends ComponentPropsWithRef<\"div\"> {\n\tchildren: ReactNode;\n\t/** Chart data — array of objects with numeric/string fields for each series. */\n\tdata: Record<string, number | string>[];\n\t/** Chart height in pixels. @default 300 */\n\theight?: number;\n\t/** Bar layout direction. Use \"vertical\" for horizontal bar charts. @default \"horizontal\" */\n\tlayout?: \"horizontal\" | \"vertical\";\n\t/** Recharts margin. @default { top: 8, right: 8, bottom: 0, left: 0 } */\n\tmargin?: {\n\t\tbottom?: number;\n\t\tleft?: number;\n\t\tright?: number;\n\t\ttop?: number;\n\t};\n\t/** Chart width in pixels or percentage string like \"100%\". @default \"100%\" */\n\twidth?: number | `${number}%`;\n}\n\n// Children are Recharts parts (Bar, XAxis, Tooltip…) rendered inside the responsive chart.\n// `layout` has no default here: undefined lets Recharts use its own \"horizontal\".\nconst BarChartRoot = ({\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tlayout,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: BarChartRootProps) => {\n\tconst slots = useMemo(() => barChartVariants(), []);\n\n\treturn (\n\t\t<div className={composeSlotClassName(slots?.base, className)} data-slot=\"bar-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsBarChart data={data} layout={layout} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsBarChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>\n\t);\n};\n\n(BarChartRoot as { displayName?: string }).displayName = \"LizaUI.BarChart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\nexport { BarChartRoot };\n\nexport type { BarChartRootProps };\n\n// The other parts are Recharts primitives re-exported under chart-specific names\nexport {\n\tBar as BarChartBar,\n\tCartesianGrid as BarChartGrid,\n\tTooltip as BarChartTooltip,\n\tXAxis as BarChartXAxis,\n\tYAxis as BarChartYAxis,\n\tChartTooltipContent as BarChartTooltipContent,\n};\n","import type { ComponentProps } from \"react\";\n\nimport { BarChartBar, BarChartGrid, BarChartRoot, BarChartTooltip, BarChartTooltipContent, BarChartXAxis, BarChartYAxis } from \"./bar-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Compound Component\n * -----------------------------------------------------------------------------------------------*/\nexport const BarChart = Object.assign(BarChartRoot, {\n\tBar: BarChartBar,\n\tGrid: BarChartGrid,\n\tRoot: BarChartRoot,\n\tTooltip: BarChartTooltip,\n\tTooltipContent: BarChartTooltipContent,\n\tXAxis: BarChartXAxis,\n\tYAxis: BarChartYAxis,\n});\n\nexport type BarChart = {\n\tBarProps: ComponentProps<typeof BarChartBar>;\n\tGridProps: ComponentProps<typeof BarChartGrid>;\n\tProps: ComponentProps<typeof BarChartRoot>;\n\tRootProps: ComponentProps<typeof BarChartRoot>;\n\tTooltipContentProps: ComponentProps<typeof BarChartTooltipContent>;\n\tTooltipProps: ComponentProps<typeof BarChartTooltip>;\n\tXAxisProps: ComponentProps<typeof BarChartXAxis>;\n\tYAxisProps: ComponentProps<typeof BarChartYAxis>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Named Component\n * -----------------------------------------------------------------------------------------------*/\nexport { BarChartBar, BarChartGrid, BarChartRoot, BarChartTooltip, BarChartTooltipContent, BarChartXAxis, BarChartYAxis };\n\nexport type { BarChartRootProps } from \"./bar-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Variants\n * -----------------------------------------------------------------------------------------------*/\nexport { barChartVariants } from \"./bar-chart.styles\";\n\nexport type { BarChartVariants } from \"./bar-chart.styles\";\n"],"mappings":";;;;;;;AAIA,IAAa,mBAAmB,GAAG,EAClC,OAAO,EACN,MAAM,YACP,EACD,CAAC;;AC6BD,IAAM,gBAAA,OASmB;;CARxB,IAAA;CACA,IAAA;CACA,IAAA;CAEA,IAAA;CAGG,IAAA;CAJHA,IAAAA;CAEAC,IAAAA;CACAC,IAAAA;CAPqBC,IAAAA,EAAAA,OAAAA,IAAAA;EACrB,CAAA,CAAA,UACA,WACA,MACAH,QAAAA,IACA,QACAC,QAAAA,IACAC,OAAAA,IACAE,GAAAA,SARqBD;;;;;;;;;;;;;;;;;;;;CAIrBH,MAAAA,SAAAA,OAAAA,KAAAA,IAAS,MAATA;CAEAC,IAAAA;;EAAS,KAAA,OAAA,KAAA,IAAA;GAAE,QAAQ;GAAG,MAAM;GAAG,OAAO;GAAG,KAAK;EAAE,IAAhDA;;;;;CACAC,MAAAA,QAAAA,OAAAA,KAAAA,IAAQ,SAARA;CAG4BG,IAAAA;;EAAiB,KAAA,iBAAA;;;CAA7C,MAAM,QAAQC;CAGGC,IAAAA;CAAkC,IAAA,EAAA,QAAA,WAAA;EAAlCA,KAAAA,qBAAqB,OAAO,MAAM,SAAS;EAAT,EAAA,MAAA;;;CAEhDC,IAAAA;CACE,IAAA,EAAA,QAAA,YAAA,EAAA,QADsB,QAAA,EAAA,QAAc,UAAA,EAAA,QAAgB,QAAA;EAAtDA,KAAAA,oBAACG,YAAD;GAAwB;GAAc;GAAgB;GACpD;EACgB,CAAA;EADhB,EAAA,MAAA;EADsB,EAAA,MAAA;EAAc,EAAA,MAAA;EAAgB,EAAA,MAAA;;;CADvDF,IAAAA;CAA6B,IAAA,EAAA,QAAA,UAAA,EAAA,QAC5BD,MAAAA,EAAAA,QAD2C,OAAA;EAA5CC,KAAAA,oBAAC,qBAAD;GAA6B;GAAe;GAC3CD,UAAAA;EAGoB,CAAA;EAJQ,EAAA,MAAA;EAC5BA,EAAAA,MAAAA;EAD2C,EAAA,MAAA;;;CAD7CE,IAAAA;CAAwF,IAAA,EAAA,QAAA,SAAA,EAAA,QAAxEH,MAAAA,EAAAA,QACfE,IAAAA;EADDC,KAAAA,oBAAC,OAAD;GAAK,WAAWH;GAA8C,aAAU;GAAY,GAAI;GACvFE,UAAAA;EAKI,CAAA;EANmF,EAAA,MAAA;EAAxEF,EAAAA,MAAAA;EACfE,EAAAA,MAAAA;;;CAFF,OACCC;AAQF;AAEC,aAA0C,cAAc;;ACrDzD,IAAa,WAAW,OAAO,OAAO,cAAc;CAC9CE;CACL,MAAMC;CACN,MAAM;CACGC;CACT,gBAAgBC;CACTC;CACAC;AACR,CAAC"}

package/dist/calendar/index.js

@@ -1,4 +1,4 @@
-import { t as Popover } from "../chunks/tiny-popover-BctnQwx5.js";
+import { t as Popover } from "../chunks/tiny-popover-x8sF0vwr.js";
 import { t as LabelError } from "../chunks/label-error-DKclJevr.js";
 import { t as cn } from "../chunks/utils-DWGjSd5x.js";
 import { c } from "react/compiler-runtime";