@anoki/fse-ui 1.0.0-beta1.39.10 → 1.0.0-beta1.39.12

package/dist/index.es149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es149.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Col, Row } from \"@/components\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  title: string;\n  href?: string;\n};\nexport type SliderType = \"full-image\";\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: ElementType;\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  /* type = \"full-image\" */\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const [autoplay, setAutoplay] = useState(false);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide key={index}>\n              <ImageComponent\n                src={slide.src}\n                alt={slide.alt}\n                className=\"slider-image\"\n                onLoad={() => swiperRef.current?.update?.()}\n              />\n              <div\n                className={clsx(\"slider-content\", {\n                  \"with-shadow\": withShadow,\n                })}\n                style={gradientColorStyle}\n              >\n                <div className=\"container\">\n                  <div className=\"slider-content-grid\">\n                    <div className=\"category\">\n                      {slide.category && (\n                        <File fillColor=\"#fff\" width={30} height={30} />\n                      )}\n                      {slide.category?.type ?? \" \"}\n                      <p className=\"date\">\n                        {slide.category?.published_at ?? \" \"}\n                      </p>\n                    </div>\n                    <LinkTag\n                      href={slides[currentIndex]?.href || \"\"}\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\n                    >\n                      <h4 className=\"title\">{slide.title}</h4>\n                    </LinkTag>\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n          <Row className=\"pagination\" gap=\"x20\">\n            {slides.length > 1 && (\n              <Row alignItems=\"center\">\n                <ArrowLeft\n                  width={40}\n                  height={40}\n                  onClick={goPrev}\n                  color=\"white\"\n                  className=\"cursor-pointer\"\n                />\n                {autoplay ? (\n                  <Pause\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    className=\"cursor-pointer\"\n                  />\n                ) : (\n                  <PlayVideo\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    color=\"white\"\n                    className=\"cursor-pointer\"\n                  />\n                )}\n              </Row>\n            )}\n\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n            {slides.length > 1 && (\n              <ArrowLeft\n                width={40}\n                height={40}\n                className=\"next cursor-pointer\"\n                onClick={goNext}\n                color=\"white\"\n              />\n            )}\n          </Row>\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}
+{"version":3,"file":"index.es149.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\r\n  CSSProperties,\r\n  ElementType,\r\n  useCallback,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/pagination\";\r\nimport \"./Slider.scss\";\r\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport { Pause } from \"@/icons/Pause\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\nexport type Slide = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  src: string;\r\n  alt: string;\r\n  title: string;\r\n  href?: string;\r\n};\r\nexport type SliderType = \"full-image\";\r\nexport type SliderProps = {\r\n  slides: Slide[];\r\n  asImage: ElementType;\r\n  asLink?: ElementType;\r\n  timeout?: number;\r\n  openInNewTab?: boolean;\r\n  paginationLabel?: string;\r\n  withShadow?: boolean;\r\n  gradientColor?: string;\r\n  type?: SliderType;\r\n  swiperHeight?: number;\r\n};\r\n\r\nexport const Slider: React.FC<SliderProps> = ({\r\n  slides = [],\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n  timeout = 3000,\r\n  openInNewTab = false,\r\n  paginationLabel = \"di\",\r\n  withShadow = true,\r\n  gradientColor = \"#3d6289\",\r\n  swiperHeight = 574,\r\n  /* type = \"full-image\" */\r\n}) => {\r\n  const LinkTag = asLink || \"a\";\r\n  const ImageComponent = asImage;\r\n  const swiperRef = useRef<any>(null);\r\n  const [currentIndex, setCurrentIndex] = useState(0);\r\n\r\n  const [autoplay, setAutoplay] = useState(false);\r\n  const toggleAutoPlay = () => {\r\n    setAutoplay(!autoplay);\r\n  };\r\n\r\n  const goNext = useCallback(() => {\r\n    if (!swiperRef.current) return;\r\n    const swiper = swiperRef.current;\r\n    if (swiper.isEnd && !swiper.params.loop) {\r\n      swiper.slideTo(0);\r\n    } else {\r\n      swiper.slideNext();\r\n    }\r\n  }, []);\r\n\r\n  const goPrev = useCallback(() => {\r\n    if (!swiperRef.current) return;\r\n    const swiper = swiperRef.current;\r\n    if (swiper.isBeginning && !swiper.params.loop) {\r\n      swiper.slideTo(swiper.slides.length - 1);\r\n    } else {\r\n      swiper.slidePrev();\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const intervalId = autoplay\r\n      ? setInterval(() => {\r\n          goNext();\r\n        }, timeout)\r\n      : null;\r\n\r\n    return () => {\r\n      if (intervalId) clearInterval(intervalId);\r\n    };\r\n  }, [autoplay, goNext, timeout]);\r\n\r\n  const gradientColorStyle = {\r\n    \"--gradient\": gradientColor,\r\n  } as CSSProperties;\r\n\r\n  const swiperStyle = {\r\n    \"--swiper-height\": `${swiperHeight}px`,\r\n  } as CSSProperties;\r\n\r\n  return (\r\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\r\n      <div className=\"ui-slider\">\r\n        <Swiper\r\n          modules={[Navigation, Pagination, A11y]}\r\n          slidesPerView={1}\r\n          autoplay={autoplay}\r\n          observer={true}\r\n          observeParents={true}\r\n          loop={true}\r\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\r\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\r\n          style={swiperStyle}\r\n        >\r\n          {slides.map((slide, index) => (\r\n            <SwiperSlide key={index}>\r\n              <ImageComponent\r\n                src={slide.src}\r\n                alt={slide.alt}\r\n                className=\"slider-image\"\r\n                onLoad={() => swiperRef.current?.update?.()}\r\n              />\r\n              <div\r\n                className={clsx(\"slider-content\", {\r\n                  \"with-shadow\": withShadow,\r\n                })}\r\n                style={gradientColorStyle}\r\n              >\r\n                <div className=\"container\">\r\n                  <div className=\"slider-content-grid\">\r\n                    <div className=\"category\">\r\n                      {slide.category && (\r\n                        <File fillColor=\"#fff\" width={30} height={30} />\r\n                      )}\r\n                      {slide.category?.type ?? \" \"}\r\n                      <p className=\"date\">\r\n                        {slide.category?.published_at ?? \" \"}\r\n                      </p>\r\n                    </div>\r\n                    <LinkTag\r\n                      href={slides[currentIndex]?.href || \"\"}\r\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\r\n                    >\r\n                      <h4 className=\"title\">{slide.title}</h4>\r\n                    </LinkTag>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </SwiperSlide>\r\n          ))}\r\n          <Row className=\"pagination\" gap=\"x20\">\r\n            {slides.length > 1 && (\r\n              <Row alignItems=\"center\">\r\n                <ArrowLeft\r\n                  width={40}\r\n                  height={40}\r\n                  onClick={goPrev}\r\n                  color=\"white\"\r\n                  className=\"cursor-pointer\"\r\n                />\r\n                {autoplay ? (\r\n                  <Pause\r\n                    width={20}\r\n                    height={20}\r\n                    onClick={toggleAutoPlay}\r\n                    className=\"cursor-pointer\"\r\n                  />\r\n                ) : (\r\n                  <PlayVideo\r\n                    width={20}\r\n                    height={20}\r\n                    onClick={toggleAutoPlay}\r\n                    color=\"white\"\r\n                    className=\"cursor-pointer\"\r\n                  />\r\n                )}\r\n              </Row>\r\n            )}\r\n\r\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\r\n            {slides.length > 1 && (\r\n              <ArrowLeft\r\n                width={40}\r\n                height={40}\r\n                className=\"next cursor-pointer\"\r\n                onClick={goNext}\r\n                color=\"white\"\r\n              />\r\n            )}\r\n          </Row>\r\n        </Swiper>\r\n      </div>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}

package/dist/index.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./SearchGeneric.scss\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchGenericProps<T extends object> = {\n  btnText: string;\n  helperText: string;\n  mobileHelperText?: string;\n  value: string;\n  items: T[];\n  setValue: (value: string) => void;\n  setTypedValue?: (value: string) => void;\n  getSearchField: (item: T) => string;\n  getDisplayField?: (item: T) => string;\n  onItemSelect?: (item: T) => void;\n  minCharsToSearch?: number;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport function SearchGeneric<T extends object>({\n  btnText,\n  helperText,\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n  setTypedValue,\n  getSearchField,\n  getDisplayField = getSearchField,\n  onItemSelect,\n  minCharsToSearch = 3,\n  className,\n  dimensionStrategy = \"fixed\",\n}: SearchGenericProps<T>) {\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    if (setTypedValue) {\n      setTypedValue(inputValue);\n    }\n    if (inputValue.length >= minCharsToSearch) {\n      const results = items.filter((item) => {\n        const searchField = getSearchField(item);\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\n      });\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: T) => {\n    const displayValue = getDisplayField(item);\n    setValueInput(displayValue);\n    setValue(displayValue);\n    setFilteredItems([]);\n\n    if (onItemSelect) {\n      onItemSelect(item);\n    }\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\n\n    return (\n      <>\n        {parts.map((part, i) =>\n          part.toLowerCase() === query.toLowerCase() ? (\n            <span key={i} className=\"text-primary fw-bold\">\n              {part}\n            </span>\n          ) : (\n            part\n          ),\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        {\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      <div className=\"position-relative\">\n        <input\n          id=\"search\"\n          type=\"text\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\n          )}\n          placeholder={isDesktop ? helperText : mobileHelperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n          maxLength={30}\n        />\n        {valueInput && (\n          <Close\n            className=\"ui-clean-button\"\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              setValue(\"\");\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item, index) => (\n              <div\n                key={index}\n                onClick={() => handleSelectItem(item)}\n                className=\"hover:bg-primary\"\n              >\n                {highlightMatch(getDisplayField(item), valueInput)}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGeneric","btnText","helperText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":";;;;;;;;AAuBO,SAASA,EAAgC;AAAA,EAC9C,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC,IAAmBD;AAAA,EACnB,OAAAE;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC,IAAkBD;AAAA,EAClB,cAAAE;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA0B;AACxB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBZ,KAAS,EAAE,GAC1D,CAACa,GAAeC,CAAgB,IAAIF,EAAc,CAAA,CAAE,GACpDG,IAAYC,EAAc,oBAAoB,GAE9CC,IAAoB,CAACC,MAAqC;AACxD,UAAAC,IAAaD,EAAE,OAAO;AAKxB,QAJJP,EAAcQ,CAAU,GACpBhB,KACFA,EAAcgB,CAAU,GAEtBA,EAAW,UAAUZ,GAAkB;AACzC,YAAMa,IAAUnB,EAAM,OAAO,CAACoB,MAAS;AAC/B,cAAAC,IAAclB,EAAeiB,CAAI;AACvC,eAAOC,KAAA,gBAAAA,EAAa,cAAc,SAASH,EAAW;MAAa,CACpE;AACD,MAAAL,EAAiBM,CAAO;AAAA,IAAA;AAExB,MAAAN,EAAiB,CAAA,CAAE;AAAA,EAEvB,GAEMS,IAAmB,CAACF,MAAY;AAC9B,UAAAG,IAAenB,EAAgBgB,CAAI;AACzC,IAAAV,EAAca,CAAY,GAC1BtB,EAASsB,CAAY,GACrBV,EAAiB,CAAA,CAAE,GAEfR,KACFA,EAAae,CAAI;AAAA,EAErB,GAEMI,IAAiB,CAACC,GAAcC,MAAkB;AAClD,QAAA,CAACA,EAAc,QAAAD;AAEb,UAAAE,IAAQF,EAAK,MAAM,IAAI,OAAO,IAAIC,CAAK,KAAK,IAAI,CAAC;AAEvD,+CAEK,UAAMC,EAAA;AAAA,MAAI,CAACC,GAAMC,MAChBD,EAAK,YAAkB,MAAAF,EAAM,YAAY,0BACtC,QAAa,EAAA,WAAU,wBACrB,UAAAE,EAAA,GADQC,CAEX,IAEAD;AAAA,IAAA,GAGN;AAAA,EAEJ;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAxB;AAAA,QACA;AAAA,UACE,0BAA0BC,MAAsB;AAAA,QAAA;AAAA,MAEpD;AAAA,MAEA,UAAA;AAAA,QAACsB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,WAAWD;AAAA,gBACT;AAAA,gBACA;AAAA,gBACAtB,KAAcA,EAAW,UAAU,KAAK;AAAA,cAC1C;AAAA,cACA,aAAaK,IAAYjB,IAAaC;AAAA,cACtC,cAAW;AAAA,cACX,OAAOW;AAAA,cACP,UAAUO;AAAA,cACV,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UACCP,KACCuB,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAM;AACb,gBAAAvB,EAAc,EAAE,GAChBG,EAAiB,CAAA,CAAE,GACnBZ,EAAS,EAAE,GACXe,EAAkB,EAAE,QAAQ,EAAE,OAAO,MAAa;AAAA,cAAA;AAAA,YACpD;AAAA,UAAA;AAAA,QACF,GAEJ;AAAA,QACCJ,EAAc,SAAS,KACrBoB,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,2DACb,UAAAA,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,IAAI;AAAA,YACJ,WAAU;AAAA,YAET,UAActB,EAAA,IAAI,CAACQ,GAAMe,MACxBH,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAMV,EAAiBF,CAAI;AAAA,gBACpC,WAAU;AAAA,gBAET,UAAeI,EAAApB,EAAgBgB,CAAI,GAAGX,CAAU;AAAA,cAAA;AAAA,cAJ5C0B;AAAA,YAMR,CAAA;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QAEDH,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWD,EAAK,YAAY,GAC/B,UAAAC,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAWL;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS,MAAM;AACb,cAAAlB,EAAiB,CAAA,CAAE,GACnBZ,EAASQ,CAAU;AAAA,YACrB;AAAA,YAEC,UAAAb;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./SearchGeneric.scss\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\n\r\nexport type SearchGenericProps<T extends object> = {\r\n  btnText: string;\r\n  helperText: string;\r\n  mobileHelperText?: string;\r\n  value: string;\r\n  items: T[];\r\n  setValue: (value: string) => void;\r\n  setTypedValue?: (value: string) => void;\r\n  getSearchField: (item: T) => string;\r\n  getDisplayField?: (item: T) => string;\r\n  onItemSelect?: (item: T) => void;\r\n  minCharsToSearch?: number;\r\n  className?: string;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\nexport function SearchGeneric<T extends object>({\r\n  btnText,\r\n  helperText,\r\n  mobileHelperText = helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n  setTypedValue,\r\n  getSearchField,\r\n  getDisplayField = getSearchField,\r\n  onItemSelect,\r\n  minCharsToSearch = 3,\r\n  className,\r\n  dimensionStrategy = \"fixed\",\r\n}: SearchGenericProps<T>) {\r\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\r\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n    if (setTypedValue) {\r\n      setTypedValue(inputValue);\r\n    }\r\n    if (inputValue.length >= minCharsToSearch) {\r\n      const results = items.filter((item) => {\r\n        const searchField = getSearchField(item);\r\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\r\n      });\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: T) => {\r\n    const displayValue = getDisplayField(item);\r\n    setValueInput(displayValue);\r\n    setValue(displayValue);\r\n    setFilteredItems([]);\r\n\r\n    if (onItemSelect) {\r\n      onItemSelect(item);\r\n    }\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\r\n\r\n    return (\r\n      <>\r\n        {parts.map((part, i) =>\r\n          part.toLowerCase() === query.toLowerCase() ? (\r\n            <span key={i} className=\"text-primary fw-bold\">\r\n              {part}\r\n            </span>\r\n          ) : (\r\n            part\r\n          ),\r\n        )}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n        {\r\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\r\n        },\r\n      )}\r\n    >\r\n      <div className=\"position-relative\">\r\n        <input\r\n          id=\"search\"\r\n          type=\"text\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\r\n          )}\r\n          placeholder={isDesktop ? helperText : mobileHelperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n          maxLength={30}\r\n        />\r\n        {valueInput && (\r\n          <Close\r\n            className=\"ui-clean-button\"\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n              setValue(\"\");\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div\r\n                key={index}\r\n                onClick={() => handleSelectItem(item)}\r\n                className=\"hover:bg-primary\"\r\n              >\r\n                {highlightMatch(getDisplayField(item), valueInput)}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SearchGeneric","btnText","helperText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}

package/dist/index.es150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es150.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport { AggregationItemCard, Button, Row } from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <h2 className=\"title\">{title}</h2>\n      <Masonry columns={{ 0: 1, 768: 2, 992: 3 }} gap={24}>\n        {elements?.map((element) => <AggregationItemCard {...element} />)}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        <span>{totalLabels.first}</span>\n        <b>{elements?.length}</b>\n        <span>{totalLabels.middle}</span>\n        <span>{total}</span>\n        <span>{totalLabels.end}</span>\n      </span>\n      {showMoreButtonVisible && !loading && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","showMoreButtonVisible","jsxs","jsx","Masonry","element","AggregationItemCard","Row","Spinner","Button"],"mappings":";;;;;;;AAoBO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAClB,GAA+B;AACvB,QAAAC,IAAwBL,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAO,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMT,GAAA;AAAA,IAC7BS,gBAAAA,EAAAA,IAACC,KAAQ,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,KAAK,KAAK,IAC9C,UAAAT,KAAA,gBAAAA,EAAU,IAAI,CAACU,4BAAaC,GAAqB,EAAA,GAAGD,EAAS,CAAA,GAChE,CAAA;AAAA,IACCF,gBAAAA,MAAAI,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAR,2BAAYS,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAN,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,wBACd,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACzBA,gBAAAA,EAAAA,IAAC,KAAG,EAAA,UAAAR,KAAA,gBAAAA,EAAU,OAAO,CAAA;AAAA,MACrBQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAN,EAAY,OAAO,CAAA;AAAA,MAC1BM,gBAAAA,EAAAA,IAAC,UAAM,UAAMP,EAAA,CAAA;AAAA,MACbO,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAN,EAAY,IAAI,CAAA;AAAA,IAAA,GACzB;AAAA,IACCI,KAAyB,CAACF,KACxBI,gBAAAA,MAAAI,GAAA,EAAI,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAACJ,gBAAAA,EAAA,IAAAM,GAAA,EAAO,SAASX,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es150.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport { AggregationItemCard, Button, Row } from \"../../components\";\r\nimport \"./CommunicationContents.scss\";\r\nimport Masonry from \"react-layout-masonry\";\r\n\r\nexport type CommunicationContentsProps = {\r\n  sectionId?: string;\r\n  title: string;\r\n  elements: any[];\r\n  total: number;\r\n  totalLabels?: {\r\n    first: string;\r\n    middle: string;\r\n    end: string;\r\n  };\r\n  loading?: boolean;\r\n  handleLoadMore: () => void;\r\n  showMoreTitle?: string;\r\n};\r\n\r\nexport function CommunicationContents({\r\n  title,\r\n  elements = [],\r\n  total,\r\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\r\n  handleLoadMore,\r\n  loading = false,\r\n  showMoreTitle = \"Visualizza altro \",\r\n}: CommunicationContentsProps) {\r\n  const showMoreButtonVisible = total > elements?.length;\r\n\r\n  return (\r\n    <section className=\"communication-contents d-flex section-gap flex-column\">\r\n      <h2 className=\"title\">{title}</h2>\r\n      <Masonry columns={{ 0: 1, 768: 2, 992: 3 }} gap={24}>\r\n        {elements?.map((element) => <AggregationItemCard {...element} />)}\r\n      </Masonry>\r\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\r\n        {loading && <Spinner height={30} width={30} />}\r\n      </Row>\r\n      <span className=\"total-elements-label\">\r\n        <span>{totalLabels.first}</span>\r\n        <b>{elements?.length}</b>\r\n        <span>{totalLabels.middle}</span>\r\n        <span>{total}</span>\r\n        <span>{totalLabels.end}</span>\r\n      </span>\r\n      {showMoreButtonVisible && !loading && (\r\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\r\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\r\n        </Row>\r\n      )}\r\n    </section>\r\n  );\r\n}\r\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","showMoreButtonVisible","jsxs","jsx","Masonry","element","AggregationItemCard","Row","Spinner","Button"],"mappings":";;;;;;;AAoBO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAClB,GAA+B;AACvB,QAAAC,IAAwBL,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAO,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMT,GAAA;AAAA,IAC7BS,gBAAAA,EAAAA,IAACC,KAAQ,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,KAAK,KAAK,IAC9C,UAAAT,KAAA,gBAAAA,EAAU,IAAI,CAACU,4BAAaC,GAAqB,EAAA,GAAGD,EAAS,CAAA,GAChE,CAAA;AAAA,IACCF,gBAAAA,MAAAI,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAR,2BAAYS,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAN,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,wBACd,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACzBA,gBAAAA,EAAAA,IAAC,KAAG,EAAA,UAAAR,KAAA,gBAAAA,EAAU,OAAO,CAAA;AAAA,MACrBQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAN,EAAY,OAAO,CAAA;AAAA,MAC1BM,gBAAAA,EAAAA,IAAC,UAAM,UAAMP,EAAA,CAAA;AAAA,MACbO,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAN,EAAY,IAAI,CAAA;AAAA,IAAA,GACzB;AAAA,IACCI,KAAyB,CAACF,KACxBI,gBAAAA,MAAAI,GAAA,EAAI,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAACJ,gBAAAA,EAAA,IAAAM,GAAA,EAAO,SAASX,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es151.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\nimport { ArrowRight } from \"@/icons\";\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\n\nexport type FilterTag = {\n  selected: boolean;\n  onClick?: () => void;\n} & Partial<AggregationPage>;\n\ntype Props = {\n  title: string;\n  showAllLabel?: string;\n  showAllHref?: string;\n  mainTag: {\n    label?: string;\n    onClick?: () => void;\n    selected?: boolean;\n  };\n  tags: Array<FilterTag>;\n  onTagClick: () => void;\n};\n\nexport const TagsSection = ({\n  title,\n  mainTag = {\n    label: \"Tutto\",\n    onClick: () => {},\n    selected: true,\n  },\n  tags,\n  showAllHref,\n  showAllLabel = \"Scopri tutti tags\",\n  onTagClick,\n}: Props) => {\n  return (\n    <Col gap=\"x28\">\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        <Link\n          transform=\"uppercase\"\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\n          title={showAllLabel}\n          src={showAllHref ?? \"\"}\n          icon={ArrowRight}\n        />\n      </Row>\n\n      <Row\n        alignItems=\"center\"\n        className=\"overflow-auto w-auto\"\n        gap=\"x16\"\n        flexWrap=\"wrap\"\n      >\n        {[\n          {\n            name: mainTag.label,\n            selected: mainTag.selected,\n            onClick: mainTag.onClick,\n          },\n          ...tags,\n        ].map((tag, index) => (\n          <Tag\n            key={index}\n            mode=\"filter\"\n            label={tag.name ?? \"\"}\n            onClick={tag?.onClick ?? onTagClick}\n            selected={tag.selected}\n          />\n        ))}\n      </Row>\n    </Col>\n  );\n};\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EACZ;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAI,EAAA,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,YAAW,UAAS,gBAAe,iBACtC,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAC7DS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QACnB;AAAA,QACA,GAAGC;AAAA,MACH,EAAA,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAMR,CAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es151.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\r\nimport { ArrowRight } from \"@/icons\";\r\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\r\n\r\nexport type FilterTag = {\r\n  selected: boolean;\r\n  onClick?: () => void;\r\n} & Partial<AggregationPage>;\r\n\r\ntype Props = {\r\n  title: string;\r\n  showAllLabel?: string;\r\n  showAllHref?: string;\r\n  mainTag: {\r\n    label?: string;\r\n    onClick?: () => void;\r\n    selected?: boolean;\r\n  };\r\n  tags: Array<FilterTag>;\r\n  onTagClick: () => void;\r\n};\r\n\r\nexport const TagsSection = ({\r\n  title,\r\n  mainTag = {\r\n    label: \"Tutto\",\r\n    onClick: () => {},\r\n    selected: true,\r\n  },\r\n  tags,\r\n  showAllHref,\r\n  showAllLabel = \"Scopri tutti tags\",\r\n  onTagClick,\r\n}: Props) => {\r\n  return (\r\n    <Col gap=\"x28\">\r\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\r\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\r\n        <Link\r\n          transform=\"uppercase\"\r\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\r\n          title={showAllLabel}\r\n          src={showAllHref ?? \"\"}\r\n          icon={ArrowRight}\r\n        />\r\n      </Row>\r\n\r\n      <Row\r\n        alignItems=\"center\"\r\n        className=\"overflow-auto w-auto\"\r\n        gap=\"x16\"\r\n        flexWrap=\"wrap\"\r\n      >\r\n        {[\r\n          {\r\n            name: mainTag.label,\r\n            selected: mainTag.selected,\r\n            onClick: mainTag.onClick,\r\n          },\r\n          ...tags,\r\n        ].map((tag, index) => (\r\n          <Tag\r\n            key={index}\r\n            mode=\"filter\"\r\n            label={tag.name ?? \"\"}\r\n            onClick={tag?.onClick ?? onTagClick}\r\n            selected={tag.selected}\r\n          />\r\n        ))}\r\n      </Row>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EACZ;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAI,EAAA,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,YAAW,UAAS,gBAAe,iBACtC,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAC7DS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QACnB;AAAA,QACA,GAAGC;AAAA,MACH,EAAA,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAMR,CAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es152.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\n\ntype Props = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps;\n};\n\nexport const CommunicationSearchSection = ({\n  title,\n  /* tags, */\n  searchProps,\n}: Props) => {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":";;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,oCAAoC,UAAMH,GAAA;AAAA,EACxDG,gBAAAA,MAACC,GAAqB,EAAA,GAAGH,EAAa,CAAA;AAAA,GAExC;"}
+{"version":3,"file":"index.es152.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  tags?: Array<{ title: string; href: string }>;\r\n  searchProps: CommunicationSearchProps;\r\n};\r\n\r\nexport const CommunicationSearchSection = ({\r\n  title,\r\n  /* tags, */\r\n  searchProps,\r\n}: Props) => {\r\n  return (\r\n    <section className=\"d-flex flex-column gap-x28\">\r\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\r\n      <CommunicationSearch {...searchProps} />\r\n      {/* tags && <TagsSection /> */}\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":";;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,oCAAoC,UAAMH,GAAA;AAAA,EACxDG,gBAAAA,MAACC,GAAqB,EAAA,GAAGH,EAAa,CAAA;AAAA,GAExC;"}

package/dist/index.es153.js

@@ -1,40 +1,49 @@
 import { j as s } from "./index.es237.js";
 import './sections/TableList/TableList.css';/* empty css            */
-import { HTML as c } from "./index.es144.js";
+import { HTML as f } from "./index.es144.js";
 import n from "react";
-import { clsx as f } from "./index.es239.js";
-import { Section as e } from "./index.es54.js";
-import { Col as x } from "./index.es10.js";
-const T = ({
-  title: l,
-  description: t,
-  fontSize: m = "2",
-  mdFontSize: o = "2",
-  classNameTitle: r,
-  additionalClass: i,
-  children: a
+import { clsx as o } from "./index.es239.js";
+import { Section as r } from "./index.es54.js";
+import { Col as p } from "./index.es10.js";
+var j = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(j || {});
+const L = ({
+  title: t,
+  description: e,
+  fontSize: l = "2",
+  mdFontSize: m = "2",
+  classNameTitle: i,
+  additionalClass: a,
+  variantClassTable: c = "text-left",
+  children: x
 }) => /* @__PURE__ */ s.jsxs(
-  e,
+  r,
   {
-    className: f("base-col ui-table-list-section", i),
+    className: o("base-col ui-table-list-section", a),
     children: [
-      /* @__PURE__ */ s.jsxs(x, { className: "ui-table-list-content", children: [
-        l && /* @__PURE__ */ s.jsx(
-          e.Title,
+      /* @__PURE__ */ s.jsxs(p, { className: "ui-table-list-content", children: [
+        t && /* @__PURE__ */ s.jsx(
+          r.Title,
           {
-            fs: m,
-            mdFs: o,
-            className: r,
-            children: l
+            fs: l,
+            mdFs: m,
+            className: i,
+            children: t
           }
         ),
-        t && /* @__PURE__ */ s.jsx(e.Description, { className: "table-list-element text-slate-28", children: typeof t == "string" && n.isValidElement(t) ? t : c(t.toString(), "div") })
+        e && /* @__PURE__ */ s.jsx(
+          r.Description,
+          {
+            className: o("text-slate-28", c),
+            children: typeof e == "string" && n.isValidElement(e) ? e : f(e.toString(), "div")
+          }
+        )
       ] }),
-      a
+      x
     ]
   }
 );
 export {
-  T as TableList
+  j as TableAlignment,
+  L as TableList
 };
 //# sourceMappingURL=index.es153.js.map

package/dist/index.es153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es153.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\ntype TableListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n}>;\n\nexport const TableList = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  children,\n}: TableListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-list-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description className=\"table-list-element text-slate-28\">\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","jsxs","Section","clsx","Col","jsx","React","HTML"],"mappings":";;;;;;;AAoBO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,kCAAkCJ,CAAe;AAAA,IAEjE,UAAA;AAAA,MAACE,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,QACCV,KAAAW,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,IAAIN;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YAEV,UAAAJ;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,2BACEO,EAAQ,aAAR,EAAoB,WAAU,oCAC5B,iBAAOP,KAAgB,YACxBW,EAAM,eAAeX,CAAW,IAC5BA,IACAY,EAAKZ,EAAY,YAAY,KAAK,EACxC,CAAA;AAAA,MAAA,GAEJ;AAAA,MACCK;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es153.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\nexport enum TableAlignment {\n  LEFT = \"text-left\",\n  CENTER = \"text-center\",\n  RIGHT = \"text-right\",\n}\n\ntype TableListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n}>;\n\nexport const TableList = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  children,\n}: TableListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-list-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description\n            className={clsx(\"text-slate-28\", variantClassTable)}\n          >\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","jsxs","Section","clsx","Col","jsx","React","HTML"],"mappings":";;;;;;;AASY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,kCAAkCL,CAAe;AAAA,IAEjE,UAAA;AAAA,MAACG,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,QACCX,KAAAY,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,IAAIP;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YAEV,UAAAJ;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,KACCW,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,WAAWC,EAAK,iBAAiBJ,CAAiB;AAAA,YAEjD,UAAO,OAAAL,KAAgB,YACxBY,EAAM,eAAeZ,CAAW,IAC5BA,IACAa,EAAKb,EAAY,SAAS,GAAG,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACxC,GAEJ;AAAA,MACCM;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/index.es154.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es237.js";
 import { clsx as t } from "./index.es239.js";
-import { createColorClasses as e } from "./index.es268.js";
+import { createColorClasses as e } from "./index.es266.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es154.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es154.js","sources":["../src/icons/World/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const World = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 16 16\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <path d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z\" />\n    </svg>\n  );\n};\n"],"names":["World","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,m8CAAm8C,CAAA;AAAA,IAAA;AAAA,EAC78C;AAEJ;"}
+{"version":3,"file":"index.es154.js","sources":["../src/icons/World/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const World = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 16 16\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\r\n    >\r\n      <path d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z\" />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["World","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,m8CAAm8C,CAAA;AAAA,IAAA;AAAA,EAC78C;AAEJ;"}

package/dist/index.es155.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
 import { clsx as a } from "./index.es239.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es266.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es155.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es155.js","sources":["../src/icons/ArrowDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowDown = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <path d=\"M12 15.2 6.4 9.6l.7-.8 4.9 4.9 4.9-4.9.7.8-5.6 5.6Z\" />\n    </svg>\n  );\n};\n"],"names":["ArrowDown","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,sDAAsD,CAAA;AAAA,IAAA;AAAA,EAChE;AAEJ;"}
+{"version":3,"file":"index.es155.js","sources":["../src/icons/ArrowDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const ArrowDown = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 24 24\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\r\n    >\r\n      <path d=\"M12 15.2 6.4 9.6l.7-.8 4.9 4.9 4.9-4.9.7.8-5.6 5.6Z\" />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["ArrowDown","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,sDAAsD,CAAA;AAAA,IAAA;AAAA,EAChE;AAEJ;"}

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
 import { clsx as l } from "./index.es239.js";
-import { createColorClasses as a } from "./index.es268.js";
+import { createColorClasses as a } from "./index.es266.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es156.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es156.js","sources":["../src/icons/ExternalLink/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ExternalLink = ({\n  width = 32,\n  height = 32,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 32 32\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <path d=\"M25.3333 5.33331H18C17.6318 5.33331 17.3333 5.63179 17.3333 5.99998C17.3333 6.36817 17.6318 6.66665 18 6.66665H24.2662L12.9898 17.943C12.7945 18.1383 12.7945 18.4549 12.9898 18.6502L13.2255 18.8859C13.4208 19.0811 13.7373 19.0811 13.9326 18.8859L25.3333 7.48512V14C25.3333 14.3682 25.6318 14.6666 26 14.6666C26.3682 14.6666 26.6667 14.3682 26.6667 14V6.66665C26.6667 5.93027 26.0697 5.33331 25.3333 5.33331ZM22.68 16.6666C22.68 16.2985 22.9785 16 23.3467 16C23.7045 16.0071 23.9929 16.2955 24 16.6533V24C24 26.2091 22.2091 28 20 28H8C5.79086 28 4 26.2091 4 24V12C4 9.79084 5.79086 7.99998 8 7.99998H14.6667C15.0319 8.00707 15.3262 8.30143 15.3333 8.66665C15.3333 9.03484 15.0349 9.33331 14.6667 9.33331H8C6.52724 9.33331 5.33333 10.5272 5.33333 12V24C5.33333 25.4727 6.52724 26.6666 8 26.6666H20.0133C21.4861 26.6666 22.68 25.4727 22.68 24V16.6666Z\" />\n    </svg>\n  );\n};\n"],"names":["ExternalLink","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,m1BAAm1B,CAAA;AAAA,IAAA;AAAA,EAC71B;AAEJ;"}
+{"version":3,"file":"index.es156.js","sources":["../src/icons/ExternalLink/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const ExternalLink = ({\r\n  width = 32,\r\n  height = 32,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 32 32\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\r\n    >\r\n      <path d=\"M25.3333 5.33331H18C17.6318 5.33331 17.3333 5.63179 17.3333 5.99998C17.3333 6.36817 17.6318 6.66665 18 6.66665H24.2662L12.9898 17.943C12.7945 18.1383 12.7945 18.4549 12.9898 18.6502L13.2255 18.8859C13.4208 19.0811 13.7373 19.0811 13.9326 18.8859L25.3333 7.48512V14C25.3333 14.3682 25.6318 14.6666 26 14.6666C26.3682 14.6666 26.6667 14.3682 26.6667 14V6.66665C26.6667 5.93027 26.0697 5.33331 25.3333 5.33331ZM22.68 16.6666C22.68 16.2985 22.9785 16 23.3467 16C23.7045 16.0071 23.9929 16.2955 24 16.6533V24C24 26.2091 22.2091 28 20 28H8C5.79086 28 4 26.2091 4 24V12C4 9.79084 5.79086 7.99998 8 7.99998H14.6667C15.0319 8.00707 15.3262 8.30143 15.3333 8.66665C15.3333 9.03484 15.0349 9.33331 14.6667 9.33331H8C6.52724 9.33331 5.33333 10.5272 5.33333 12V24C5.33333 25.4727 6.52724 26.6666 8 26.6666H20.0133C21.4861 26.6666 22.68 25.4727 22.68 24V16.6666Z\" />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["ExternalLink","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,m1BAAm1B,CAAA;AAAA,IAAA;AAAA,EAC71B;AAEJ;"}

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
 import { clsx as a } from "./index.es239.js";
-import { createColorClasses as l } from "./index.es268.js";
+import { createColorClasses as l } from "./index.es266.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.js","sources":["../src/icons/Hamburguer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Hamburguer = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 40 40\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <path d=\"M36.667 8.333V10H3.334V8.333zm-33.333 12.5h33.333v-1.667H3.334zm33.333 10.833H3.334V30h33.333z\"></path>\n    </svg>\n  );\n};\n"],"names":["Hamburguer","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,iGAAiG,CAAA;AAAA,IAAA;AAAA,EAC3G;AAEJ;"}
+{"version":3,"file":"index.es157.js","sources":["../src/icons/Hamburguer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Hamburguer = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 40 40\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\r\n    >\r\n      <path d=\"M36.667 8.333V10H3.334V8.333zm-33.333 12.5h33.333v-1.667H3.334zm33.333 10.833H3.334V30h33.333z\"></path>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Hamburguer","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,iGAAiG,CAAA;AAAA,IAAA;AAAA,EAC3G;AAEJ;"}

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es237.js";
 import { clsx as a } from "./index.es239.js";
-import { createColorClasses as i } from "./index.es268.js";
+import { createColorClasses as i } from "./index.es266.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es158.js","sources":["../src/icons/Close/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types/icons.ts\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Close = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  onClick,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n      onClick={onClick}\n    >\n      <path d=\"m12.7 12 6.7 6.6-.8.8-6.6-6.7-6.6 6.7-.8-.8 6.7-6.6-6.7-6.6.8-.8 6.6 6.7 6.6-6.7.8.8z\"></path>\n    </svg>\n  );\n};\n"],"names":["Close","width","height","className","color","onClick","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAH,GAAO;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAP;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWO,EAAKN,GAAWG,CAAO;AAAA,MAClC,eAAY;AAAA,MACZ,SAAAD;AAAA,MAEA,UAAAG,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,wFAAwF,CAAA;AAAA,IAAA;AAAA,EAClG;AAEJ;"}
+{"version":3,"file":"index.es158.js","sources":["../src/icons/Close/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons.ts\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Close = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n  onClick,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 24 24\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\r\n      onClick={onClick}\r\n    >\r\n      <path d=\"m12.7 12 6.7 6.6-.8.8-6.6-6.7-6.6 6.7-.8-.8 6.7-6.6-6.7-6.6.8-.8 6.6 6.7 6.6-6.7.8.8z\"></path>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Close","width","height","className","color","onClick","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAH,GAAO;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAP;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWO,EAAKN,GAAWG,CAAO;AAAA,MAClC,eAAY;AAAA,MACZ,SAAAD;AAAA,MAEA,UAAAG,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,wFAAwF,CAAA;AAAA,IAAA;AAAA,EAClG;AAEJ;"}

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es237.js";
 import { clsx as l } from "./index.es239.js";
-import { createColorClasses as a } from "./index.es268.js";
+import { createColorClasses as a } from "./index.es266.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es159.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es159.js","sources":["../src/icons/Ellipse/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Ellipse = ({\n  width = 114,\n  height = 115,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      viewBox=\"0 0 114 115\"\n      fill=\"none\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <path\n        stroke=\"#fff\"\n        strokeWidth=\"20\"\n        d=\"M104 57.5c0 26.316-21.125 47.5-47 47.5S10 83.816 10 57.5 31.125 10 57 10s47 21.184 47 47.5Z\"\n        opacity=\"0.3\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["Ellipse","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,GAAE;AAAA,UACF,SAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es159.js","sources":["../src/icons/Ellipse/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Ellipse = ({\r\n  width = 114,\r\n  height = 115,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 114 115\"\r\n      fill=\"none\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\r\n    >\r\n      <path\r\n        stroke=\"#fff\"\r\n        strokeWidth=\"20\"\r\n        d=\"M104 57.5c0 26.316-21.125 47.5-47 47.5S10 83.816 10 57.5 31.125 10 57 10s47 21.184 47 47.5Z\"\r\n        opacity=\"0.3\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Ellipse","width","height","className","color","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,GAAE;AAAA,UACF,SAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EACH;AAEJ;"}

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
 import { clsx as l } from "./index.es239.js";
-import { createColorClasses as c } from "./index.es268.js";
+import { createColorClasses as c } from "./index.es266.js";
 const m = ({
   width: s = 121,
   height: e = 121,