@feminab/box-ui 0.1.0 → 0.1.2

package/dist/box-ui.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"box-ui.cjs.development.js","sources":["../src/Badge.tsx","../src/Button.tsx","../src/ButtonGroup.tsx","../src/ColorBox.tsx","../src/Paginate.tsx","../src/Select.tsx","../src/Typography.tsx","../src/hooks/useIconClassName.tsx","../src/TextInput.tsx","../src/Nav/SubNavItem.tsx","../src/hooks/useIconProps.tsx","../src/Nav/NavItem.tsx","../src/data/images/index.tsx","../src/Nav/SideNav.tsx","../src/Nav/MobileNav.tsx","../src/data/colors.tsx","../src/data/countries.tsx","../src/data/prices.tsx","../src/data/navItems.tsx","../src/data/options.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { BadgeProps, BadgeSize, BadgeVariant } from \"./@interfaces\";\nimport classNames from \"classnames\";\n\nconst BadgeSizeClasses: Record<BadgeSize, string> = {\n  sm: \"badge-sm\",\n  md: \"badge-md\",\n  lg: \"badge-lg\",\n};\n\nconst BadgeVariantClasses: Record<BadgeVariant, string> = {\n  gray: \"badge-gray\",\n  primary: \"badge-primary\",\n  warning: \"badge-warning\",\n  error: \"badge-error\",\n  success: \"badge-success\",\n};\n\nexport const Badge: FC<BadgeProps> = ({\n  className,\n  children,\n  LeadingIcon,\n  TrailingIcon,\n  variant,\n  size,\n}) => {\n  const badgeVariantClassName = BadgeVariantClasses[variant];\n  const badgeSizeClassName = BadgeSizeClasses[size];\n\n  return (\n    <div\n      className={classNames(\n        \"badge-base\",\n        badgeSizeClassName,\n        badgeVariantClassName,\n        className\n      )}\n    >\n      {LeadingIcon && <span className=\"mr-1.5\">{LeadingIcon}</span>}\n      {children}\n      {TrailingIcon && <span className=\"mr-1.5\">{TrailingIcon}</span>}\n    </div>\n  );\n};\n","import React, { ReactElement, cloneElement, isValidElement } from \"react\";\nimport {\n  ButtonProps,\n  ButtonVariant,\n  ButtonSize,\n  ButtonState,\n} from \"./@interfaces\";\nimport classNames from \"classnames\";\n\nconst buttonVariantClasses: Record<\n  ButtonVariant,\n  Record<ButtonState, string>\n> = {\n  primary: {\n    default: \"btn-primary\",\n    hover: \"btn-primary-hover\",\n    focus: \"btn-primary-focus shadow-grayDark\",\n    disabled: \"btn-primary-disabled\",\n  },\n  secondary: {\n    default: \"btn-secondary\",\n    hover: \"btn-secondary-hover\",\n    focus: \"btn-secondary-focus shadow-grayDark\",\n    disabled: \"btn-secondary-disabled\",\n  },\n  secondaryGray: {\n    default: \"btn-secondaryGray\",\n    hover: \"btn-secondaryGray-hover\",\n    focus: \"btn-secondaryGray-focus shadow-grayDark\",\n    disabled: \"btn-secondaryGray-disabled\",\n  },\n  tertiary: {\n    default: \"btn-tertiary\",\n    hover: \"btn-tertiary-hover\",\n    focus: \"btn-tertiary-focus shadow-grayDark\",\n    disabled: \"btn-tertiary-disabled\",\n  },\n  tertiaryGray: {\n    default: \"btn-tertiaryGray\",\n    hover: \"btn-tertiaryGray-hover\",\n    focus: \"btn-tertiaryGray-focus shadow-grayDark\",\n    disabled: \"btn-tertiaryGray-disabled\",\n  },\n};\n\nconst buttonSizeClasses: Record<ButtonSize, string> = {\n  sm: \"btn-sm\",\n  md: \"btn-md\",\n  lg: \"btn-lg\",\n  xl: \"btn-xl\",\n  \"2xl\": \"btn-2xl\",\n};\n\nconst buttonIconSizeClasses: Record<ButtonSize, string> = {\n  sm: \"btn-icon-sm\",\n  md: \"btn-icon-md\",\n  lg: \"btn-icon-lg\",\n  xl: \"btn-icon-xl\",\n  \"2xl\": \"btn-icon-2xl\",\n};\n\nexport const Button = ({\n  children,\n  className,\n  variant = \"primary\",\n  size = \"md\",\n  disabled,\n  LeadingIcon,\n  TrailingIcon,\n  IconOnly,\n  ...buttonProps\n}: ButtonProps) => {\n  const buttonVariantClassName = buttonVariantClasses[variant];\n  const buttonIconSizeClassName = buttonIconSizeClasses[size];\n\n  const setIconSize = (icon: ReactElement, iconSize: number) => {\n    if (isValidElement<{ size?: number }>(icon) && \"size\" in icon.props) {\n      return cloneElement(icon, { size: 20 });\n    }\n    return icon;\n  };\n\n  const setClassName = (icon: ReactElement, additionalClass: string) => {\n    return isValidElement<{ className?: string }>(icon)\n      ? cloneElement(icon, {\n          className: classNames(icon.props.className, additionalClass),\n        })\n      : icon;\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={classNames(\"btn-base\", className, {\n        [buttonSizeClasses[size]]: !IconOnly,\n        [classNames(buttonIconSizeClassName, \"justify-center\")]: IconOnly,\n        [classNames(buttonVariantClassName.default,\n        buttonVariantClassName.hover,\n        buttonVariantClassName.focus)]: !disabled,\n        [classNames(buttonVariantClassName.disabled, \"cursor-not-allowed\")]: disabled,\n      })}\n      {...buttonProps}\n    >\n      {LeadingIcon && (\n        <span>\n          {setClassName(\n            LeadingIcon,\n            classNames({\n              \"mr-2\": size !== \"2xl\",\n              \"mr-3\": size === \"2xl\",\n            })\n          )}\n        </span>\n      )}\n      {children}\n      {IconOnly && (\n        <span>{setIconSize(IconOnly, size === \"2xl\" ? 24 : 20)}</span>\n      )}\n      {TrailingIcon && (\n        <span>\n          {setClassName(\n            TrailingIcon,\n            classNames({\n              \"ml-2\": size !== \"2xl\",\n              \"ml-3\": size === \"2xl\",\n            })\n          )}\n        </span>\n      )}\n    </button>\n  );\n};\n","import React from \"react\";\nimport { IButtonItem } from \"./@interfaces\";\nimport classNames from \"classnames\";\n\nexport interface ButtonGroupProps {\n  options: IButtonItem[];\n  activeOption: string;\n  setActiveOption: (activeOption: string) => void;\n}\n\nexport const ButtonGroup = ({\n  options,\n  activeOption,\n  setActiveOption,\n}: ButtonGroupProps) => {\n  return (\n    <div>\n      {options.map((option, index) => (\n        <button\n          key={option.value}\n          className={classNames(\n            \"inline-flex whitespace-nowrap items-center h-10 px-4 font-medium text-center text-sm focus:outline-none hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-white border border-gray-300 dark:border-gray-500\",\n            {\n                \"rounded-l-lg\": index === 0,\n                \"rounded-r-lg\": index === options.length - 1,\n                \"bg-gray-50 dark:bg-gray-700\": activeOption === option.value,\n                \"border-r-0\": index !== 0 && index !== options.length - 1\n            }\n          )}\n          onClick={() => setActiveOption(option.value)}\n        >\n          {option.content}\n        </button>\n      ))}\n    </div>\n  );\n};\n","import React from \"react\";\nimport { IColor } from \"./@interfaces\";\n\nexport const ColorBox = ({ code, hex, bgClass }: IColor) => (\n<div\n    key={bgClass}\n    className=\"flex flex-col rounded-lg shadow-lg w-26 h-39 dark:bg-white\">\n      <div className={`h-20 ${bgClass} rounded-t-lg`} />\n      <div className=\"mx-3 my-3\">\n          {code}\n          <br/>\n          {hex}\n      </div>\n    </div>\n);","import React from \"react\";\nimport { PaginationProps } from \"./@interfaces\";\nimport classNames from \"classnames\";\nimport { Pagination } from \"react-headless-pagination\";\nimport { FiArrowLeft, FiArrowRight } from \"react-icons/fi\";\n\nexport const Paginate = ({\n  totalPages,\n  page,\n  isMobile,\n  className,\n  setPage,\n}: PaginationProps) => {\n  const handlePageChange = (page: number) => {\n    setPage(page);\n  };\n\n  const ArrowLeft = FiArrowLeft as React.FC<any>;\n  const ArrowRight = FiArrowRight as React.FC<any>;\n\n  if (isMobile) {\n    return (\n      <div className={classNames(\"flex w-full h-10 items-center\", className)}>\n        <ArrowLeft\n          size={20}\n          className={classNames(\"mr-3 text-gray-500 dark:text-white\", {\n            \"cursor-pointer\": page !== 0,\n            \"opacity-50\": page === 0,\n          })}\n          onClick={() => {\n            if (page > 0) {\n              handlePageChange(page - 1);\n            }\n          }}\n        />\n        <div className=\"flex justify-center flex-grow text-sm text-gray-700 select-none dark:text-white\">\n          {`Page ${page} of ${totalPages}`}\n        </div>\n        <ArrowRight\n          size={20}\n          className={classNames(\"ml-3 text-gray-500 dark:text-white\", {\n            \"cursor-pointer\": page !== totalPages - 1,\n            \"opacity-50\": page === totalPages - 1,\n          })}\n          onClick={() => {\n            if (page < totalPages - 1) {\n              handlePageChange(page + 1);\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <Pagination\n      className={classNames(\n        \"flex w-full items-center h-10 text-sm select-none\",\n        className\n      )}\n      currentPage={page}\n      totalPages={totalPages}\n      edgePageCount={2}\n      setCurrentPage={handlePageChange}\n      truncableText=\"...\"\n      middlePagesSiblingCount={2}\n      truncableClassName=\"w-10 px-0.5 text-center dark:text-gray-500\"\n    >\n      <Pagination.PrevButton\n        className={classNames(\n          \"h-10 font-medium flex items-center mr-2 text-gray-500 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 focus:outline-none\",\n          {\n            \"cursor-pointer\": page !== 0,\n            \"opacity-50\": page === 0,\n          }\n        )}\n      >\n        <ArrowLeft size={20} className={classNames(\"mr-3\")} />\n        Previous\n      </Pagination.PrevButton>\n      <div className=\"flex items-center justify-center flex-grow list-none\">\n        <Pagination.PageButton\n          activeClassName=\"bg-primary-50 dark:bg-opacity-0 text-primary-600 dark:text-white\"\n          inactiveClassName=\"text-gray-500\"\n          className=\"flex items-center justify-center h-10 w-10 rounded-full cursor-pointer font-medium\"\n        />\n      </div>\n      <Pagination.NextButton\n        className={classNames(\n          \"h-10 font-medium flex items-center mr-2 text-gray-500 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 focus:outline-none\",\n          {\n            \"cursor-pointer\": page !== totalPages - 1,\n            \"opacity-50\": page === totalPages - 1,\n          }\n        )}\n      >\n        Next\n        <ArrowRight size={20} className={classNames(\"ml-3\")} />\n      </Pagination.NextButton>\n    </Pagination>\n  );\n};\n","import React, {\n  FC,\n  ReactElement,\n  isValidElement,\n  cloneElement,\n} from \"react\";\nimport { SelectProps } from \"./@interfaces\";\nimport {\n  Listbox,\n  ListboxButton,\n  ListboxOption,\n  ListboxOptions,\n} from \"@headlessui/react\";\nimport classNames from \"classnames\";\nimport {FiCheck, FiChevronDown} from 'react-icons/fi'\n\nexport const Select: FC<SelectProps> = ({\n  options,\n  selectedOption,\n  setSelectedOption,\n  placeholder,\n  LeadingIcon,\n  width,\n}) => {\n\n  const ArrowDown = FiChevronDown as React.FC<any>;\n  const Check = FiCheck as React.FC<any>;\n\n  const setProps = (\n    icon: ReactElement,\n    iconSize: number,\n    additionalClass: string\n  ) => {\n    if (\n      isValidElement<{ size?: number; className?: string }>(icon) &&\n      \"size\" in icon.props\n    ) {\n      return cloneElement(icon, {\n        size: iconSize,\n        className: classNames(icon.props.className, additionalClass),\n      });\n    }\n    return icon;\n  };\n\n  return (\n    <div className={classNames(\"relative inline-block\", width)}>\n      <Listbox value={selectedOption && selectedOption.value} onChange={setSelectedOption}>\n        {({ open }) => (\n          <>\n            <ListboxButton className={classNames(\"shadow-sm flex items-center text-md border border-gray-300 dark:border-gray-500 h-11 px-3.5 rounded-lg bg-white dark:bg-gray-800\",\n                \"focus:ring-4 focus:border-primary-300 dark:focus:border-gray-100 focus:ring-primary-100 dark:focus:ring-gray-100 dark:focus:ring-opacity-20 whitespace-nowrap\",\n                {\n                  \"text-gray-900 dark:text-white\": selectedOption,\n                  \"text-gray-500 dark:text-gray-300\": !selectedOption,\n                },\n                width,)}>\n              {LeadingIcon && (\n                <div className=\"w-5 h-5 mr-2 overflow-hidden\">\n                  {setProps(LeadingIcon, 20, classNames(\"text-gray-400\"))}\n                </div>\n              )}\n              {selectedOption ? selectedOption.label : placeholder}\n              <ArrowDown\n                size={20}\n                className={classNames(\n                  \"text-gray-500 dark:text-gray-300 transform duration-100 ease-out\",\n                  {\n                    \"-rotate-180\": open,\n                    \"ml-auto\": width,\n                    \"ml-3.5\": !width,\n                  },\n                )}\n              />\n            </ListboxButton>\n            <ListboxOptions className=\"absolute z-10 inline-flex flex-col w-full bg-white border border-gray-300 rounded-lg shadow-lg top-13 dark:border-gray-500 dark:bg-gray-800\">\n              {options?.map((option, index) => (\n                <ListboxOption as={React.Fragment} key={option.value} value={option.value}>\n                    {({focus, selected}) => (\n                        <li className={classNames(classNames(\n                        \"flex items-center pl-3.5 pr-3 justify-between h-11 text-gray-900 dark:text-white text-md cursor-pointer hover:bg-primary-25 dark:hover:bg-gray-100 dark:hover:bg-opacity-10 whitespace-nowrap\",\n                        {\n                          \"bg-primary-25 dark:bg-gray-100 dark:bg-opacity-10\":\n                            focus,\n                          \"rounded-t-lg\": index === 0,\n                          \"rounded-b-lg\": index === options.length - 1,\n                        },\n                      ))}>\n                        <div className=\"flex items-center\">{option.label}</div>\n                        {selected && <Check className=\"ml-5 text-primary-600 dark:text-white\" />}\n                    </li>\n                    )}\n                    \n                </ListboxOption>\n              ))}\n            </ListboxOptions>\n          </>\n        )}\n      </Listbox>\n    </div>\n  );\n};\n","import React, { FC, JSX } from \"react\";\nimport classNames from \"classnames\";\n\ntype TypographyVariant =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"h6\"\n  | \"h5\"\n  | \"h4\"\n  | \"h3\"\n  | \"h2\"\n  | \"h1\";\n\ntype TypographyWeightOption = \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n\ntype TypographyWeightValue = \"font-normal\" | \"font-medium\" | \"font-semibold\" | \"font-bold\";\n\nexport interface TypographyProps {\n  variant?: TypographyVariant;\n  customWeight?: TypographyWeightOption;\n  customColor?: string;\n  customClass?: string;\n  className?: string;\n  children: string | React.ReactNode;\n}\n\nconst TypographyVariantClasses: Record<TypographyVariant, string> = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-md\",\n  lg: \"text-lg\",\n  xl: \"text-xl\",\n  h6: \"text-h6\",\n  h5: \"text-h5\",\n  h4: \"text-h4\",\n  h3: \"text-h3\",\n  h2: \"text-h2\",\n  h1: \"text-h1\",\n};\n\nconst TypographyWeightClasses: Record<TypographyWeightOption, TypographyWeightValue> = {\n  regular: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n};\n\nexport const Typography: FC<TypographyProps> = ({\n  variant = \"md\",\n  customWeight = \"regular\",\n  customColor,\n  className,\n  children,\n}) => {\n    const TypographyVariantClassName = TypographyVariantClasses[variant];\n    const TypographyWeightClassName = TypographyWeightClasses[customWeight];\n\n\n  const Component: React.ElementType =\n    [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"].includes(variant ?? \"p\") ? (variant as keyof JSX.IntrinsicElements) : \"p\";\n\n  return (\n    <Component\n      className={classNames(\n        TypographyVariantClassName,\n        TypographyWeightClassName,\n        className,\n        {\n            \"tracking-tight\": [\"h1\", \"h2\", \"h3\"].includes(variant),\n            \"text-black dark:text-white\": !customColor,\n        },\n        customColor         \n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n","import { ReactElement, cloneElement, isValidElement } from \"react\";\nimport classNames from \"classnames\";\n\nexport const useIconClassName = () => {\n  const setClassName = (icon: ReactElement, additionalClass: string) => {\n    return isValidElement<{ className?: string }>(icon)\n      ? cloneElement(icon, {\n          className: classNames(icon.props.className, additionalClass),\n        })\n      : icon;\n  };\n\n  return { setClassName };\n};\n","import React, { FC } from \"react\";\nimport { TextInputProps } from \"./@interfaces\";\nimport { Typography } from \"./Typography\";\nimport classNames from \"classnames\";\nimport { useIconClassName } from \"./hooks/useIconClassName\";\n\nexport const TextInput: FC<TextInputProps> = ({\n  type,\n  value,\n  label,\n  placeholder,\n  error,\n  helperText,\n  disabled,\n  LeadingIcon,\n  TrailingIcon,\n  leadingText,\n  handleChange,\n}) => {\n  const { setClassName } = useIconClassName();\n\n  return (\n    <div>\n      {label && (\n        <Typography\n          variant=\"sm\"\n          customWeight=\"medium\"\n          customColor=\"text-gray-700 dark:text-white\"\n          className=\"mb-1.5\"\n        >\n          {label}\n        </Typography>\n      )}\n      <div\n        className={classNames(\"relative\", { \"flex items-center\": leadingText })}\n      >\n        <div className=\"h-11 absolute shadow-sm rounded-lg w-full flex justify-between items-center px-3.5 pointer-events-none\">\n          {LeadingIcon ? setClassName(LeadingIcon, \"text-gray-500\") : <div />}\n          {TrailingIcon &&\n            setClassName(\n              TrailingIcon,\n              classNames({ \"text-error-500\": error, \"text-gray-400\": !error })\n            )}\n        </div>\n        {leadingText && (\n          <Typography\n            variant=\"sm\"\n            customWeight=\"regular\"\n            className={classNames(\n                \"flex items-center h-11 text-lg text-gray-500 pl-3.5 pr-3 border border-r-0 rounded-l-lg border-gray-300 dark:border-gray-500\",\n                {\n                  \"bg-gray-50 dark:bg-gray-700\": disabled,\n                  \"dark:bg-gray-800\": !disabled,\n                },\n              )}\n          >\n            {leadingText}\n          </Typography>\n        )}\n        <input\n          type={type}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          className={classNames(\n            \"w-full select-none text-gray-900 dark:text-white text-md border h-11 px-2\",\n            {\n              \"pl-9\": LeadingIcon,\n              \"pr-9\": TrailingIcon,\n              \"rounded-l-0 rounded-r-lg\": leadingText,\n              \"rounded-lg\": !leadingText,\n              \"border-gray-300 dark:border-gray-500 focus:ring-4 focus:border-primary-300 dark:focus:border-gray-100 focus:ring-primary-100 dark:focus:ring-gray-100 dark:focus:ring-opacity-20\":\n                !error,\n              \"border-error-300 focus:ring-4 focus:border-error-300 focus:ring-error-100\":\n                error,\n              \"bg-white dark:bg-gray-800\": !disabled,\n              \"bg-gray-50 dark:bg-gray-700\": disabled,\n            },\n          )}\n        />\n      </div>\n      {error && (\n        <Typography\n          variant=\"sm\"\n          customWeight=\"regular\"\n          className=\"mt-1.5 text-error-500\"\n        >\n          {error}\n        </Typography>\n      )}\n      {helperText && (\n        <Typography\n          variant=\"sm\"\n          customWeight=\"regular\"\n          className=\"mt-1.5 text-gray-500\"\n        >\n          {helperText}\n        </Typography>\n      )}\n    </div>\n  );\n};\n","import React, { FC } from \"react\";\nimport { Typography } from \"../Typography\";\nimport classNames from \"classnames\";\nimport { SubNavItemProps } from \"../@interfaces\";\n\nexport const SubNavItem: FC<SubNavItemProps> = ({\n  inDropdown,\n  isActive,\n  subItem,\n  onClick,\n}) => {\n  return (\n    <li\n      key={subItem.label}\n      className={classNames(\"navItem group\", {\n        \"bg-primary-50 dark:bg-gray-100 dark:bg-opacity-10\": isActive,\n      })}\n      onClick={onClick}\n    >\n      <Typography\n        variant=\"md\"\n        customWeight=\"medium\"\n        customColor={classNames(\n          \"group-hover:text-primary-600 dark:group-hover:text-white\",\n          {\n            \"text-gray-800 dark:text-white\": !isActive,\n            \"text-primary-600 dark:text-white\": isActive,\n          }\n        )}\n        className={classNames(\"flex-grow\", {\n          \"pl-13\": !inDropdown,\n          \"pl-4\": inDropdown,\n        })}\n      >\n        {subItem.label}\n      </Typography>\n    </li>\n  );\n};\n","import { ReactElement, cloneElement, isValidElement } from \"react\";\nimport classNames from \"classnames\";\n\nexport const useIconProps = () => {\n  const setProps = (\n    icon: ReactElement,\n    iconSize: number,\n    additionalClass: string\n  ) => {\n    return isValidElement<{ size?: number; className?: string }>(icon)\n      ? cloneElement(icon, {\n          size: iconSize,\n          className: classNames(icon.props.className, additionalClass),\n        })\n      : icon;\n  };\n\n  return { setProps };\n};\n","import React, {FC} from \"react\";\nimport { NavItemProps } from \"../@interfaces\";\nimport { Popover, PopoverButton, PopoverPanel } from \"@headlessui/react\";\nimport { FiChevronDown } from \"react-icons/fi\";\nimport { Typography } from \"../Typography\";\nimport { SubNavItem } from \"./SubNavItem\";\nimport classNames from \"classnames\";\nimport { useIconProps } from \"../hooks/useIconProps\";\n\nexport const NavItem:FC<NavItemProps> = ({\n    item,\n    isActive,\n    activeSubNavItem,\n    open,\n    openDropdown,\n    onClick,\n}) => {\n    const { setProps } = useIconProps();\n\n    const ArrowDown = FiChevronDown as React.FC<any>;\n\n    return (\n    <Popover key={item.label} className=\"relative\">\n    <PopoverButton as={React.Fragment}>\n      <li\n        className={classNames(\"navItem group\", {\n          \"px-4\": open,\n          \"ml-2 px-2 w-10\": !open,\n          \"bg-primary-50 dark:bg-gray-100 dark:bg-opacity-10\": isActive,\n        })}\n        onClick={() => onClick(item)}\n      >\n        {setProps(item.icon, 24, classNames(\"group-hover:text-primary-600 dark:group-hover:text-white dark:text-white transform duration-100 ease-out\",\n            {\n              \"-rotate-180\": item.toggleSidebar && !open,\n              \"text-gray-900\": !isActive,\n              \"text-primary-600 dark:text-white\": isActive,\n            },))}\n        <>\n          <Typography\n            variant=\"md\"\n            customWeight=\"medium\"\n            className={classNames(\"flex-grow ml-3\", {\n              \"opacity-0 hidden\": !open,\n            })}\n            customColor={classNames(\n              \"group-hover:text-primary-600 dark:group-hover:text-white\",\n              {\n                \"text-gray-800 dark:text-white\": !isActive,\n                \"text-primary-600 dark:text-white\": isActive,\n              },\n            )}\n          >\n            {item.label}\n          </Typography>\n          {item.subItems && item.subItems.length > 0 ? (\n            <ArrowDown\n              size={20}\n              className={classNames(\n                \"group-hover:text-primary-600 dark:group-hover:text-white transform duration-100 ease-out\",\n                {\n                  \"opacity-0 hidden\": !open,\n                  \"text-gray-400\": !isActive,\n                  \"text-primary-600 dark:text-white\": isActive,\n                  \"-rotate-180\": openDropdown,\n                },\n              )}\n            />\n          ) : null}\n        </>\n      </li>\n    </PopoverButton>\n\n    {openDropdown && open && item.subItems && item.subItems.length > 0 ? (\n      <div className=\"my-2 space-y-1\">\n        {item.subItems.map((subItem) => (\n          <SubNavItem\n            key={subItem.label}\n            isActive={activeSubNavItem === subItem.label}\n            subItem={subItem}\n            onClick={() => onClick(item, subItem.label)}\n          />\n        ))}\n      </div>\n    ) : null}\n\n    {!open && item.subItems && item.subItems.length > 0 ? (\n      <PopoverPanel className=\"absolute z-50 px-4 py-3 ml-5 space-y-1 bg-white rounded-lg shadow-md -top-3 left-19 w-58 dark:bg-gray-900\">\n        {item.subItems.map((subItem) => (\n          <SubNavItem\n            key={subItem.label}\n            inDropdown\n            isActive={activeSubNavItem === subItem.label}\n            subItem={subItem}\n            onClick={() => onClick(item, subItem.label)}\n          />\n        ))}\n      </PopoverPanel>\n    ) : null}\n  </Popover>\n)};","export type CountryISO = \"IN\" | \"BE\" | \"DE\" | \"FR\" | \"IT\" | \"NL\" | \"RU\" | \"US\";\n\ntype image =  CountryISO | \"logo\";\n\n// Development images\n// const devImages: Record<image, string> = {\n// logo: require(\"./logo.png\"),\n//   IN: require(\"./in.svg\"),\n//   BE: require(\"./be.svg\"),\n//   DE: require(\"./de.svg\"),\n//   FR: require(\"./fr.svg\"),\n//   IT: require(\"./it.svg\"),\n//   NL: require(\"./nl.svg\"),\n//   RU: require(\"./ru.svg\"),\n//   US: require(\"./us.svg\"),\n\n// };\n\n// Production images (CDN)\nconst prodImages: Record<image, string> = {\n  logo: \"https://media-hosting.imagekit.io/0ec1ca8b900e4e8b/logo.svg?Expires=1838348369&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=pCHsmoIdugCAGgRQuivkSFGORbcd0DMZjw-l9LQlxqEs77-19RpmN8TrGsMdYdKwLic46nDsKt44NPaRyu~mxJDKX7I0acu5x53nLqrjh-fs6s8VATv5eHASNeV83rLF3LXgXwMkXubchLy79xPaEHKlRlvJgcqrjZd3cE4C8QXC0KIG4dSjtkd0rECwtweKFuh1BrJIwcKIxiu5cEJUKgDvi4TUS22KVFh4c52c9CjBGa0ulrxxyZHMj2eXff-uQBkecyW-QYillwmsuz2i5PFf6Ud~9JZ2xYOBWwrq4VRSY-8p~c6Czqagg-w6gqyk-3xEM-f-cDfor~11~xwtTg__\",\n  IN: \"https://kapowaz.github.io/circle-flags/flags/in.svg\",\n  BE: \"https://kapowaz.github.io/circle-flags/flags/be.svg\",\n  DE: \"https://kapowaz.github.io/circle-flags/flags/de.svg\",\n  FR: \"https://kapowaz.github.io/circle-flags/flags/fr.svg\",\n  IT: \"https://kapowaz.github.io/circle-flags/flags/it.svg\",\n  NL: \"https://kapowaz.github.io/circle-flags/flags/nl.svg\",\n  RU: \"https://kapowaz.github.io/circle-flags/flags/ru.svg\",\n  US: \"https://kapowaz.github.io/circle-flags/flags/us.svg\",\n};\n\nexport const images = prodImages;\n// export const images = process.env.NODE_ENV === \"production\" ? prodImages : devImages;\n","import React from \"react\";\nimport { SideNavProps, INavItem } from \"../@interfaces\";\nimport classNames from \"classnames\";\nimport { Typography } from \"../Typography\";\nimport { NavItem } from \"./NavItem\";\nimport { FiLogOut, FiSearch } from \"react-icons/fi\";\nimport { TextInput } from \"../TextInput\";\nimport { images } from \"../data/images\";\n\nexport const renderLogo = () => (\n    <img src={images.logo} className=\"w-8 h-8 select-none\" alt=\"logo\" />\n);\n\nexport const SideNav = ({\n    className,\n    navItemsTop,\n    navItemsBottom,\n    username,\n    email,\n    open,\n    setOpen,\n}: SideNavProps) => {\n\n\n  const Logout = FiLogOut as React.FC<any>;\n  const Search = FiSearch as React.FC<any>;\n\n    const [searchString, setSearchString] = React.useState<string>(\"\");\n    const [activeNavItem, setActiveNavItem] = React.useState<string>(\"\");\n    const [activeSubNavItem, setActiveSubNavItem] = React.useState<string>(\"\");\n    const [openDropdowns, setOpenDropdowns] = React.useState<string[]>([]);\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setSearchString(e.target.value);\n    };\n\n    const onClickNavItem = (item: INavItem, subNavPath?: string) => {\n        if (subNavPath) {\n          setActiveSubNavItem(subNavPath);\n        }\n        if (!item.toggleSidebar) {\n          setActiveNavItem(item.label);\n        } else if (item.toggleSidebar) {\n          setOpen(!open);\n        }\n    \n        if (item.subItems && openDropdowns.includes(item.label) && !subNavPath) {\n          setOpenDropdowns(\n            openDropdowns.filter((dropdownItem) => dropdownItem !== item.label),\n          );\n        } else if (item.subItems && !openDropdowns.includes(item.label)) {\n          setOpenDropdowns([...openDropdowns, item.label]);\n        }\n    };\n    \n    return (\n        <div\n          className={classNames(\n            \"py-6 flex flex-col flex-grow bg-white dark:bg-gray-900 transform ease-out duration-100 overflow-y-auto xs:overflow-y-visible\",\n            {\n              \"w-80\": open,\n              \"w-24\": !open,\n              \"border-r border-gray-300 dark:border-opacity-20\": true,\n            },\n            className,\n          )}\n        >\n          <div className=\"flex items-center w-full mb-8 ml-9\">  \n            {renderLogo()}\n            <Typography\n              variant=\"xl\"\n              className={classNames(\"ml-2.5 whitespace-nowrap select-none\", {\n                \"opacity-0 hidden\": !open,\n              })}\n              customWeight=\"medium\"\n            >\n              Box UI\n            </Typography>\n          </div>\n    \n          <div className=\"mb-8 mx-9\">\n            {open ? (\n              <TextInput\n                type=\"text\"\n                value={searchString}\n                handleChange={handleSearch}\n                placeholder=\"Search\"\n                LeadingIcon={<Search />}\n              />\n            ) : (\n              <div className=\"h-11\" />\n            )}\n          </div>\n    \n          <div\n            className={classNames(\n              \"flex flex-col justify-between h-full ml-5 w-70\",\n              {\n                \"w-14\": !open,\n              },\n            )}\n          >\n            <ul className=\"flex flex-col space-y-1\">\n              {navItemsTop.map((item) => (\n                <NavItem\n                  key={item.label}\n                  item={item}\n                  isActive={activeNavItem === item.label}\n                  activeSubNavItem={activeSubNavItem}\n                  open={open}\n                  openDropdown={openDropdowns.includes(item.label)}\n                  onClick={onClickNavItem}\n                />\n              ))}\n            </ul>\n            <ul className=\"flex flex-col mb-6 space-y-1\">\n              {navItemsBottom.map((item) => (\n                <NavItem\n                  key={item.label}\n                  item={item}\n                  isActive={activeNavItem === item.label}\n                  activeSubNavItem={activeSubNavItem}\n                  open={open}\n                  openDropdown={openDropdowns.includes(item.label)}\n                  onClick={onClickNavItem}\n                />\n              ))}\n            </ul>\n          </div>\n    \n          <hr\n            className={classNames(\n              \"ml-5 border-t border-gray-300 dark:border-opacity-20\",\n              {\n                \"w-70\": open,\n                \"w-14\": !open,\n              },\n            )}\n          />\n    \n          <div className=\"flex mt-6 w-70 ml-7\">\n            {open ? (\n              <div className=\"flex justify-between ml-3\">\n                <div className=\"select-none\">\n                  <Typography\n                    variant=\"sm\"\n                    customWeight=\"medium\"\n                    customColor=\"text-gray-700 dark:text-white\"\n                  >\n                    {username}\n                  </Typography>\n    \n                  <Typography variant=\"sm\" customColor=\"text-gray-500\">\n                    {email}\n                  </Typography>\n                </div>\n    \n                <Logout size={24} className=\"ml-6 text-gray-400 cursor-pointer\" />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      );\n    \n}","import classNames from \"classnames\";\nimport React, { FC } from \"react\";\nimport { Typography } from \"../Typography\";\nimport { renderLogo } from \"./SideNav\";\nimport {MobileNavProps} from '../@interfaces';\n\n\nexport const MobileNavbar: FC<MobileNavProps> = ({ open, toggleOpen }) => (\n  <div className=\"z-40 flex items-center justify-between h-20 py-6 bg-white shadow-md dark:bg-gray-900 px-9\">\n    {renderLogo()}\n    <Typography variant=\"h6\" customWeight=\"medium\" className=\"select-none\">\n       Box UI\n    </Typography>\n    <svg\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={classNames(\n        \"text-gray-500 transition-all duration-100 ease-out cursor-pointer stroke-current hover:text-gray-900 dark:text-white dark:hover:text-gray-200\",\n        {\n          \"opacity-0\": open,\n        },\n      )}\n      onClick={toggleOpen}\n    >\n      <path\n        d=\"M4 16H22.6667M4 8H28M4 24H28\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  </div>\n);\n","import { IColor } from \"../@interfaces\";\n\nexport const colors: IColor[] = [\n  {\n    bgClass: \"bg-gray-2\",\n    code: 25,\n    hex: \"#FCFCF\",\n  },\n  {\n    bgClass: \"bg-gray-50\",\n    code: 50,\n    hex: \"#F9FAFB\",\n  },\n  {\n    bgClass: \"bg-gray-100\",\n    code: 100,\n    hex: \"#F2F4F7\",\n  },\n  {\n    bgClass: \"bg-gray-200\",\n    code: 200,\n    hex: \"#E4E7EC\",\n  },\n  {\n    bgClass: \"bg-gray-300\",\n    code: 300,\n    hex: \"#D0D5DD\",\n  },\n  {\n    bgClass: \"bg-gray-400\",\n    code: 400,\n    hex: \"#98A2B3\",\n  },\n  {\n    bgClass: \"bg-gray-500\",\n    code: 500,\n    hex: \"#667085\",\n  },\n  {\n    bgClass: \"bg-gray-600\",\n    code: 600,\n    hex: \"#475467\",\n  },\n  {\n    bgClass: \"bg-gray-700\",\n    code: 700,\n    hex: \"#344054\",\n  },\n  {\n    bgClass: \"bg-gray-800\",\n    code: 800,\n    hex: \"#1D2939\",\n  },\n  {\n    bgClass: \"bg-gray-900\",\n    code: 900,\n    hex: \"#101828\",\n  },\n  {\n    bgClass: \"bg-primary-25\",\n    code: 25,\n    hex: \"#F5FAFF\",\n  },\n  {\n    bgClass: \"bg-primary-50\",\n    code: 50,\n    hex: \"#EFF8FF\",\n  },\n  {\n    bgClass: \"bg-primary-100\",\n    code: 100,\n    hex: \"#D1E9FF\",\n  },\n  {\n    bgClass: \"bg-primary-200\",\n    code: 200,\n    hex: \"#B2DDFF\",\n  },\n  {\n    bgClass: \"bg-primary-300\",\n    code: 300,\n    hex: \"#84CAFF\",\n  },\n  {\n    bgClass: \"bg-primary-400\",\n    code: 400,\n    hex: \"#53B1FD\",\n  },\n  {\n    bgClass: \"bg-primary-500\",\n    code: 500,\n    hex: \"#2E90FA\",\n  },\n  {\n    bgClass: \"bg-primary-600\",\n    code: 600,\n    hex: \"#1570EF\",\n  },\n  {\n    bgClass: \"bg-primary-700\",\n    code: 700,\n    hex: \"#175CD3\",\n  },\n  {\n    bgClass: \"bg-primary-800\",\n    code: 800,\n    hex: \"#1849A9\",\n  },\n  {\n    bgClass: \"bg-primary-900\",\n    code: 900,\n    hex: \"#194185\",\n  },\n  {\n    bgClass: \"bg-error-25\",\n    code: 25,\n    hex: \"#FFFBFA\",\n  },\n  {\n    bgClass: \"bg-error-50\",\n    code: 50,\n    hex: \"#FEF3F2\",\n  },\n  {\n    bgClass: \"bg-error-100\",\n    code: 100,\n    hex: \"#FEE4E2\",\n  },\n  {\n    bgClass: \"bg-error-200\",\n    code: 200,\n    hex: \"#FECDCA\",\n  },\n  {\n    bgClass: \"bg-error-300\",\n    code: 300,\n    hex: \"#FDA29B\",\n  },\n  {\n    bgClass: \"bg-error-400\",\n    code: 400,\n    hex: \"#F97066\",\n  },\n  {\n    bgClass: \"bg-error-500\",\n    code: 500,\n    hex: \"#F04438\",\n  },\n  {\n    bgClass: \"bg-error-600\",\n    code: 600,\n    hex: \"#D92D20\",\n  },\n  {\n    bgClass: \"bg-error-700\",\n    code: 700,\n    hex: \"#B42318\",\n  },\n  {\n    bgClass: \"bg-error-800\",\n    code: 800,\n    hex: \"#912018\",\n  },\n  {\n    bgClass: \"bg-error-900\",\n    code: 900,\n    hex: \"#7A271A\",\n  },\n  {\n    bgClass: \"bg-warning-25\",\n    code: 25,\n    hex: \"#FFFCF5\",\n  },\n  {\n    bgClass: \"bg-warning-50\",\n    code: 50,\n    hex: \"#FFFAEB\",\n  },\n  {\n    bgClass: \"bg-warning-100\",\n    code: 100,\n    hex: \"#FEF0C7\",\n  },\n  {\n    bgClass: \"bg-warning-200\",\n    code: 200,\n    hex: \"#FEDF89\",\n  },\n  {\n    bgClass: \"bg-warning-300\",\n    code: 300,\n    hex: \"#FEC84B\",\n  },\n  {\n    bgClass: \"bg-warning-400\",\n    code: 400,\n    hex: \"#FDB022\",\n  },\n  {\n    bgClass: \"bg-warning-500\",\n    code: 500,\n    hex: \"#F79009\",\n  },\n  {\n    bgClass: \"bg-warning-600\",\n    code: 600,\n    hex: \"#DC6803\",\n  },\n  {\n    bgClass: \"bg-warning-700\",\n    code: 700,\n    hex: \"#B54708\",\n  },\n  {\n    bgClass: \"bg-warning-800\",\n    code: 800,\n    hex: \"#93370D\",\n  },\n  {\n    bgClass: \"bg-warning-900\",\n    code: 900,\n    hex: \"#7A2E0E\",\n  },\n  {\n    bgClass: \"bg-success-25\",\n    code: 25,\n    hex: \"#F6FEF9\",\n  },\n  {\n    bgClass: \"bg-success-50\",\n    code: 50,\n    hex: \"#ECFDF3\",\n  },\n  {\n    bgClass: \"bg-success-100\",\n    code: 100,\n    hex: \"#D1FADF\",\n  },\n  {\n    bgClass: \"bg-success-200\",\n    code: 200,\n    hex: \"#A6F4C5\",\n  },\n  {\n    bgClass: \"bg-success-300\",\n    code: 300,\n    hex: \"#6CE9A6\",\n  },\n  {\n    bgClass: \"bg-success-400\",\n    code: 400,\n    hex: \"#32D583\",\n  },\n  {\n    bgClass: \"bg-success-500\",\n    code: 500,\n    hex: \"#12B76A\",\n  },\n  {\n    bgClass: \"bg-success-600\",\n    code: 600,\n    hex: \"#039855\",\n  },\n  {\n    bgClass: \"bg-success-700\",\n    code: 700,\n    hex: \"#027A48\",\n  },\n  {\n    bgClass: \"bg-success-800\",\n    code: 800,\n    hex: \"#05603A\",\n  },\n  {\n    bgClass: \"bg-success-900\",\n    code: 900,\n    hex: \"#054F31\",\n  },\n];\n","import React from \"react\";\nimport { IOption } from \"../@interfaces\";\nimport { CountryISO, images } from \"./images\";\n\ninterface ICountry {\n  city: string;\n  countryISO: CountryISO;\n}\n\nconst countriesData: ICountry[] = [\n  {\n    city: \"Ahmedabad\",\n    countryISO: \"IN\",\n  },\n  {\n    city: \"Amsterdam\",\n    countryISO: \"NL\",\n  },\n  {\n    city: \"Rome\",\n    countryISO: \"IT\",\n  },\n  {\n    city: \"Berlin\",\n    countryISO: \"DE\",\n  },\n  {\n    city: \"Paris\",\n    countryISO: \"FR\",\n  },\n  {\n    city: \"Washington\",\n    countryISO: \"US\",\n  },\n  {\n    city: \"Moscow\",\n    countryISO: \"RU\",\n  },\n  {\n    city: \"Brussels\",\n    countryISO: \"BE\",\n  },\n];\n\nexport const countries: IOption[] = countriesData.map((country) => ({\n  value: country.countryISO,\n  label: (\n    <>\n      <img\n        src={images[country.countryISO]}\n        alt={country.countryISO.toLowerCase()}\n        className=\"w-5 h-5 mr-2\"\n      />{\" \"}\n      {`${country.city}, ${country.countryISO}`}\n    </>\n  ),\n}));\n","import { IOption } from \"../@interfaces\";\n\nexport const prices: IOption[] = [\n  {\n    label: \"Any price\",\n    value: \"-1\",\n  },\n  {\n    label: \"Below 50\",\n    value: \"0\",\n  },\n  {\n    label: \"50 - 100\",\n    value: \"50\",\n  },\n  {\n    label: \"100 - 200\",\n    value: \"100\",\n  },\n  {\n    label: \"200 - 300\",\n    value: \"200\",\n  },\n  {\n    label: \"300 - 400\",\n    value: \"300\",\n  },\n  {\n    label: \"400 - 500\",\n    value: \"400\",\n  },\n  {\n    label: \"500 - 600\",\n    value: \"500\",\n  },\n];\n","import React from \"react\";\r\nimport { INavItem } from \"../@interfaces\";\r\nimport {\r\n  FiArrowLeft,\r\n  FiBarChart2,\r\n  FiCheckSquare,\r\n  FiHome,\r\n  FiLayers,\r\n  FiSettings,\r\n  FiFlag,\r\n  FiMapPin,\r\n} from \"react-icons/fi\";\r\n\r\nconst Home = FiHome as React.FC<any>;\r\nconst Layers = FiLayers as React.FC<any>;\r\nconst Settings = FiSettings as React.FC<any>;\r\nconst Flag = FiFlag as React.FC<any>;\r\nconst MapPin = FiMapPin as React.FC<any>;\r\nconst CheckSquare = FiCheckSquare as React.FC<any>;\r\nconst BarChart = FiBarChart2 as React.FC<any>;\r\nconst ArrowLeft = FiArrowLeft as React.FC<any>;\r\n\r\nexport const navItemsTop: INavItem[] = [\r\n  {\r\n    order: 0,\r\n    path: \"home\",\r\n    label: \"Home\",\r\n    icon: <Home />,\r\n  },\r\n  {\r\n    order: 1,\r\n    path: \"dashboard\",\r\n    label: \"Dashboard\",\r\n    icon: <BarChart />,\r\n    subItems: [\r\n      {\r\n        order: 0,\r\n        path: \"analytics\",\r\n        label: \"Analytics\",\r\n      },\r\n      {\r\n        order: 1,\r\n        path: \"apps\",\r\n        label: \"Apps\",\r\n      },\r\n      {\r\n        order: 2,\r\n        path: \"learn\",\r\n        label: \"Learn\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    order: 2,\r\n    path: \"projects\",\r\n    label: \"Projects\",\r\n    icon: <Layers />,\r\n  },\r\n  {\r\n    order: 3,\r\n    path: \"tasks\",\r\n    label: \"Tasks\",\r\n    icon: <CheckSquare />,\r\n  },\r\n  {\r\n    order: 4,\r\n    path: \"reporting\",\r\n    label: \"Reporting\",\r\n    icon: <Flag />,\r\n  },\r\n  {\r\n    order: 5,\r\n    path: \"rentals\",\r\n    label: \"Rentals\",\r\n    icon: <MapPin />,\r\n    subItems: [\r\n      {\r\n        order: 0,\r\n        path: \"all\",\r\n        label: \"All rentals\",\r\n      },\r\n      {\r\n        order: 1,\r\n        path: \"popular\",\r\n        label: \"Popular\",\r\n      },\r\n      {\r\n        order: 2,\r\n        path: \"recent\",\r\n        label: \"Recently added\",\r\n      },\r\n    ],\r\n  },\r\n];\r\n\r\nexport const navItemsBottom: INavItem[] = [\r\n  {\r\n    order: 0,\r\n    path: \"settings\",\r\n    label: \"Settings\",\r\n    icon: <Settings />,\r\n  },\r\n  {\r\n    order: 1,\r\n    label: \"Close Navbar\",\r\n    icon: <ArrowLeft />,\r\n    toggleSidebar: true,\r\n  },\r\n];\r\n","import React from 'react'\nimport { IButtonItem } from \"../@interfaces\";\nimport { FiCircle, FiList, FiGrid } from \"react-icons/fi\";\n\n\nconst Circle = FiCircle as React.FC<any>;\n\nconst List = FiList as React.FC<any>;\n\nconst Grid = FiGrid as React.FC<any>;\n\nexport const options1: IButtonItem[] = [\n  { value: \"Leading\", content: \"Leading\" },\n  { value: \"Middle\", content: \"Middle\" },\n  { value: \"Trailing\", content: \"Trailing\" },\n];\n\nexport const options2: IButtonItem[] = [\n  {\n    value: \"first\",\n    content:  (\n      <>\n        <span><Circle size={20} className='mr-2'/></span>\n        First\n      </>\n    ),\n  },\n  {\n    value: \"second\",\n    content: (\n      <>\n        <span><Circle size={20} className='mr-2'/></span>\n        Second\n      </>\n    ),\n  },\n  {\n    value: \"third\",\n    content: (\n      <>\n        <span><Circle size={20} className='mr-2'/></span>\n        Third\n      </>\n    ),\n  },\n];\n\nexport const options3: IButtonItem[] = [\n  {value:'list', content:<List size={20}/>},\n  {value:'grid', content:<Grid size={20}/>},\n]\n"],"names":["BadgeSizeClasses","sm","md","lg","BadgeVariantClasses","gray","primary","warning","error","success","Badge","_ref","className","children","LeadingIcon","TrailingIcon","variant","size","badgeVariantClassName","badgeSizeClassName","React","classNames","buttonVariantClasses","default","hover","focus","disabled","secondary","secondaryGray","tertiary","tertiaryGray","buttonSizeClasses","xl","buttonIconSizeClasses","Button","IconOnly","buttonProps","buttonVariantClassName","buttonIconSizeClassName","setIconSize","icon","iconSize","isValidElement","props","cloneElement","setClassName","additionalClass","type","ButtonGroup","options","activeOption","setActiveOption","map","option","index","key","value","length","onClick","content","ColorBox","code","hex","bgClass","Paginate","totalPages","page","isMobile","setPage","handlePageChange","ArrowLeft","FiArrowLeft","ArrowRight","FiArrowRight","Pagination","currentPage","edgePageCount","setCurrentPage","truncableText","middlePagesSiblingCount","truncableClassName","PrevButton","PageButton","activeClassName","inactiveClassName","NextButton","Select","selectedOption","setSelectedOption","placeholder","width","ArrowDown","FiChevronDown","Check","FiCheck","setProps","Listbox","onChange","_ref2","open","ListboxButton","label","ListboxOptions","ListboxOption","as","Fragment","_ref3","selected","TypographyVariantClasses","xs","h6","h5","h4","h3","h2","h1","TypographyWeightClasses","regular","medium","semibold","bold","Typography","customWeight","customColor","TypographyVariantClassName","TypographyWeightClassName","Component","includes","useIconClassName","TextInput","helperText","leadingText","handleChange","SubNavItem","inDropdown","isActive","subItem","useIconProps","NavItem","item","activeSubNavItem","openDropdown","Popover","PopoverButton","toggleSidebar","subItems","PopoverPanel","prodImages","logo","IN","BE","DE","FR","IT","NL","RU","US","images","renderLogo","src","alt","SideNav","navItemsTop","navItemsBottom","username","email","setOpen","Logout","FiLogOut","Search","FiSearch","searchString","setSearchString","useState","activeNavItem","setActiveNavItem","setActiveSubNavItem","openDropdowns","setOpenDropdowns","handleSearch","e","target","onClickNavItem","subNavPath","filter","dropdownItem","MobileNavbar","toggleOpen","height","viewBox","xmlns","d","strokeWidth","strokeLinecap","strokeLinejoin","colors","countriesData","city","countryISO","countries","country","toLowerCase","prices","Home","FiHome","Layers","FiLayers","Settings","FiSettings","Flag","FiFlag","MapPin","FiMapPin","CheckSquare","FiCheckSquare","BarChart","FiBarChart2","order","path","Circle","FiCircle","List","FiList","Grid","FiGrid","options1","options2","options3"],"mappings":"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"}
+{"version":3,"file":"box-ui.cjs.development.js","sources":["../src/Badge.tsx","../src/Button.tsx","../src/ButtonGroup.tsx","../src/ColorBox.tsx","../src/Paginate.tsx","../src/Select.tsx","../src/Typography.tsx","../src/hooks/useIconClassName.tsx","../src/TextInput.tsx","../src/Nav/SubNavItem.tsx","../src/hooks/useIconProps.tsx","../src/Nav/NavItem.tsx","../src/data/images/index.tsx","../src/Nav/SideNav.tsx","../src/Nav/MobileNav.tsx","../src/data/colors.tsx","../src/data/countries.tsx","../src/data/prices.tsx","../src/data/navItems.tsx","../src/data/options.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { BadgeProps, BadgeSize, BadgeVariant } from \"./@interfaces\";\nimport classNames from \"classnames\";\n\nconst BadgeSizeClasses: Record<BadgeSize, string> = {\n  sm: \"badge-sm\",\n  md: \"badge-md\",\n  lg: \"badge-lg\",\n};\n\nconst BadgeVariantClasses: Record<BadgeVariant, string> = {\n  gray: \"badge-gray\",\n  primary: \"badge-primary\",\n  warning: \"badge-warning\",\n  error: \"badge-error\",\n  success: \"badge-success\",\n};\n\nexport const Badge: FC<BadgeProps> = ({\n  className,\n  children,\n  LeadingIcon,\n  TrailingIcon,\n  variant,\n  size,\n}) => {\n  const badgeVariantClassName = BadgeVariantClasses[variant];\n  const badgeSizeClassName = BadgeSizeClasses[size];\n\n  return (\n    <div\n      className={classNames(\n        \"badge-base\",\n        badgeSizeClassName,\n        badgeVariantClassName,\n        className\n      )}\n    >\n      {LeadingIcon && <span className=\"mr-1.5\">{LeadingIcon}</span>}\n      {children}\n      {TrailingIcon && <span className=\"mr-1.5\">{TrailingIcon}</span>}\n    </div>\n  );\n};\n","import React, { ReactElement, cloneElement, isValidElement } from \"react\";\nimport {\n  ButtonProps,\n  ButtonVariant,\n  ButtonSize,\n  ButtonState,\n} from \"./@interfaces\";\nimport classNames from \"classnames\";\n\nconst buttonVariantClasses: Record<\n  ButtonVariant,\n  Record<ButtonState, string>\n> = {\n  primary: {\n    default: \"btn-primary\",\n    hover: \"btn-primary-hover\",\n    focus: \"btn-primary-focus shadow-grayDark\",\n    disabled: \"btn-primary-disabled\",\n  },\n  secondary: {\n    default: \"btn-secondary\",\n    hover: \"btn-secondary-hover\",\n    focus: \"btn-secondary-focus shadow-grayDark\",\n    disabled: \"btn-secondary-disabled\",\n  },\n  secondaryGray: {\n    default: \"btn-secondaryGray\",\n    hover: \"btn-secondaryGray-hover\",\n    focus: \"btn-secondaryGray-focus shadow-grayDark\",\n    disabled: \"btn-secondaryGray-disabled\",\n  },\n  tertiary: {\n    default: \"btn-tertiary\",\n    hover: \"btn-tertiary-hover\",\n    focus: \"btn-tertiary-focus shadow-grayDark\",\n    disabled: \"btn-tertiary-disabled\",\n  },\n  tertiaryGray: {\n    default: \"btn-tertiaryGray\",\n    hover: \"btn-tertiaryGray-hover\",\n    focus: \"btn-tertiaryGray-focus shadow-grayDark\",\n    disabled: \"btn-tertiaryGray-disabled\",\n  },\n};\n\nconst buttonSizeClasses: Record<ButtonSize, string> = {\n  sm: \"btn-sm\",\n  md: \"btn-md\",\n  lg: \"btn-lg\",\n  xl: \"btn-xl\",\n  \"2xl\": \"btn-2xl\",\n};\n\nconst buttonIconSizeClasses: Record<ButtonSize, string> = {\n  sm: \"btn-icon-sm\",\n  md: \"btn-icon-md\",\n  lg: \"btn-icon-lg\",\n  xl: \"btn-icon-xl\",\n  \"2xl\": \"btn-icon-2xl\",\n};\n\nexport const Button = ({\n  children,\n  className,\n  variant = \"primary\",\n  size = \"md\",\n  disabled,\n  LeadingIcon,\n  TrailingIcon,\n  IconOnly,\n  ...buttonProps\n}: ButtonProps) => {\n  const buttonVariantClassName = buttonVariantClasses[variant];\n  const buttonIconSizeClassName = buttonIconSizeClasses[size];\n\n  const setIconSize = (icon: ReactElement, iconSize: number) => {\n    if (isValidElement<{ size?: number }>(icon) && \"size\" in icon.props) {\n      return cloneElement(icon, { size: 20 });\n    }\n    return icon;\n  };\n\n  const setClassName = (icon: ReactElement, additionalClass: string) => {\n    return isValidElement<{ className?: string }>(icon)\n      ? cloneElement(icon, {\n          className: classNames(icon.props.className, additionalClass),\n        })\n      : icon;\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={classNames(\"btn-base\", className, {\n        [buttonSizeClasses[size]]: !IconOnly,\n        [classNames(buttonIconSizeClassName, \"justify-center\")]: IconOnly,\n        [classNames(buttonVariantClassName.default,\n        buttonVariantClassName.hover,\n        buttonVariantClassName.focus)]: !disabled,\n        [classNames(buttonVariantClassName.disabled, \"cursor-not-allowed\")]: disabled,\n      })}\n      {...buttonProps}\n    >\n      {LeadingIcon && (\n        <span>\n          {setClassName(\n            LeadingIcon,\n            classNames({\n              \"mr-2\": size !== \"2xl\",\n              \"mr-3\": size === \"2xl\",\n            })\n          )}\n        </span>\n      )}\n      {children}\n      {IconOnly && (\n        <span>{setIconSize(IconOnly, size === \"2xl\" ? 24 : 20)}</span>\n      )}\n      {TrailingIcon && (\n        <span>\n          {setClassName(\n            TrailingIcon,\n            classNames({\n              \"ml-2\": size !== \"2xl\",\n              \"ml-3\": size === \"2xl\",\n            })\n          )}\n        </span>\n      )}\n    </button>\n  );\n};\n","import React from \"react\";\nimport { IButtonItem } from \"./@interfaces\";\nimport classNames from \"classnames\";\n\nexport interface ButtonGroupProps {\n  options: IButtonItem[];\n  activeOption: string;\n  setActiveOption: (activeOption: string) => void;\n}\n\nexport const ButtonGroup = ({\n  options,\n  activeOption,\n  setActiveOption,\n}: ButtonGroupProps) => {\n  return (\n    <div>\n      {options.map((option, index) => (\n        <button\n          key={option.value}\n          className={classNames(\n            \"inline-flex whitespace-nowrap items-center h-10 px-4 font-medium text-center text-sm focus:outline-none hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-white border border-gray-300 dark:border-gray-500\",\n            {\n                \"rounded-l-lg\": index === 0,\n                \"rounded-r-lg\": index === options.length - 1,\n                \"bg-gray-50 dark:bg-gray-700\": activeOption === option.value,\n                \"border-r-0\": index !== 0 && index !== options.length - 1\n            }\n          )}\n          onClick={() => setActiveOption(option.value)}\n        >\n          {option.content}\n        </button>\n      ))}\n    </div>\n  );\n};\n","import React from \"react\";\nimport { IColor } from \"./@interfaces\";\n\nexport const ColorBox = ({ code, hex, bgClass }: IColor) => (\n<div\n    key={bgClass}\n    className=\"flex flex-col rounded-lg shadow-lg w-26 h-39 dark:bg-white\">\n      <div className={`h-20 ${bgClass} rounded-t-lg`} />\n      <div className=\"mx-3 my-3\">\n          {code}\n          <br/>\n          {hex}\n      </div>\n    </div>\n);","import React from \"react\";\nimport { PaginationProps } from \"./@interfaces\";\nimport classNames from \"classnames\";\nimport { Pagination } from \"react-headless-pagination\";\nimport { FiArrowLeft, FiArrowRight } from \"react-icons/fi\";\n\nexport const Paginate = ({\n  totalPages,\n  page,\n  isMobile,\n  className,\n  setPage,\n}: PaginationProps) => {\n  const handlePageChange = (page: number) => {\n    setPage(page);\n  };\n\n  const ArrowLeft = FiArrowLeft as React.FC<any>;\n  const ArrowRight = FiArrowRight as React.FC<any>;\n\n  if (isMobile) {\n    return (\n      <div className={classNames(\"flex w-full h-10 items-center\", className)}>\n        <ArrowLeft\n          data-testid=\"prevBtn\"\n          size={20}\n          className={classNames(\"mr-3 text-gray-500 dark:text-white\", {\n            \"cursor-pointer\": page !== 0,\n            \"opacity-50\": page === 0,\n          })}\n          onClick={() => {\n            if (page > 0) {\n              handlePageChange(page - 1);\n            }\n          }}\n        />\n        <div className=\"flex justify-center flex-grow text-sm text-gray-700 select-none dark:text-white\">\n          {`Page ${page} of ${totalPages}`}\n        </div>\n        <ArrowRight\n          data-testid=\"nextBtn\"\n          size={20}\n          className={classNames(\"ml-3 text-gray-500 dark:text-white\", {\n            \"cursor-pointer\": page !== totalPages - 1,\n            \"opacity-50\": page === totalPages - 1,\n          })}\n          onClick={() => {\n            if (page < totalPages - 1) {\n              handlePageChange(page + 1);\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <Pagination\n      className={classNames(\n        \"flex w-full items-center h-10 text-sm select-none\",\n        className\n      )}\n      currentPage={page}\n      totalPages={totalPages}\n      edgePageCount={2}\n      setCurrentPage={handlePageChange}\n      truncableText=\"...\"\n      middlePagesSiblingCount={2}\n      truncableClassName=\"w-10 px-0.5 text-center dark:text-gray-500\"\n    >\n      <Pagination.PrevButton\n        className={classNames(\n          \"h-10 font-medium flex items-center mr-2 text-gray-500 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 focus:outline-none\",\n          {\n            \"cursor-pointer\": page !== 0,\n            \"opacity-50\": page === 0,\n          }\n        )}\n      >\n        <ArrowLeft size={20} className={classNames(\"mr-3\")} />\n        Previous\n      </Pagination.PrevButton>\n      <div className=\"flex items-center justify-center flex-grow list-none\">\n        <Pagination.PageButton\n          activeClassName=\"bg-primary-50 dark:bg-opacity-0 text-primary-600 dark:text-white\"\n          inactiveClassName=\"text-gray-500\"\n          className=\"flex items-center justify-center h-10 w-10 rounded-full cursor-pointer font-medium\"\n        />\n      </div>\n      <Pagination.NextButton\n        className={classNames(\n          \"h-10 font-medium flex items-center mr-2 text-gray-500 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 focus:outline-none\",\n          {\n            \"cursor-pointer\": page !== totalPages - 1,\n            \"opacity-50\": page === totalPages - 1,\n          }\n        )}\n      >\n        Next\n        <ArrowRight size={20} className={classNames(\"ml-3\")} />\n      </Pagination.NextButton>\n    </Pagination>\n  );\n};\n","import React, {\n  FC,\n  ReactElement,\n  isValidElement,\n  cloneElement,\n} from \"react\";\nimport { SelectProps } from \"./@interfaces\";\nimport {\n  Listbox,\n  ListboxButton,\n  ListboxOption,\n  ListboxOptions,\n} from \"@headlessui/react\";\nimport classNames from \"classnames\";\nimport {FiCheck, FiChevronDown} from 'react-icons/fi'\n\nexport const Select: FC<SelectProps> = ({\n  options,\n  selectedOption,\n  setSelectedOption,\n  placeholder,\n  LeadingIcon,\n  width,\n}) => {\n\n  const ArrowDown = FiChevronDown as React.FC<any>;\n  const Check = FiCheck as React.FC<any>;\n\n  const setProps = (\n    icon: ReactElement,\n    iconSize: number,\n    additionalClass: string\n  ) => {\n    if (\n      isValidElement<{ size?: number; className?: string }>(icon) &&\n      \"size\" in icon.props\n    ) {\n      return cloneElement(icon, {\n        size: iconSize,\n        className: classNames(icon.props.className, additionalClass),\n      });\n    }\n    return icon;\n  };\n\n  return (\n    <div className={classNames(\"relative inline-block\", width)}>\n      <Listbox value={selectedOption && selectedOption.value} onChange={setSelectedOption}>\n        {({ open }) => (\n          <>\n            <ListboxButton className={classNames(\"shadow-sm flex items-center text-md border border-gray-300 dark:border-gray-500 h-11 px-3.5 rounded-lg bg-white dark:bg-gray-800\",\n                \"focus:ring-4 focus:border-primary-300 dark:focus:border-gray-100 focus:ring-primary-100 dark:focus:ring-gray-100 dark:focus:ring-opacity-20 whitespace-nowrap\",\n                {\n                  \"text-gray-900 dark:text-white\": selectedOption,\n                  \"text-gray-500 dark:text-gray-300\": !selectedOption,\n                },\n                width,)}>\n              {LeadingIcon && (\n                <div className=\"w-5 h-5 mr-2 overflow-hidden\" data-testid=\"leading-icon\">\n                  {setProps(LeadingIcon, 20, classNames(\"text-gray-400\"))}\n                </div>\n              )}\n              {selectedOption ? selectedOption.label : placeholder}\n              <ArrowDown\n                size={20}\n                className={classNames(\n                  \"text-gray-500 dark:text-gray-300 transform duration-100 ease-out\",\n                  {\n                    \"-rotate-180\": open,\n                    \"ml-auto\": width,\n                    \"ml-3.5\": !width,\n                  },\n                )}\n              />\n            </ListboxButton>\n            <ListboxOptions className=\"absolute z-10 inline-flex flex-col w-full bg-white border border-gray-300 rounded-lg shadow-lg top-13 dark:border-gray-500 dark:bg-gray-800\">\n              {options?.map((option, index) => (\n                <ListboxOption as={React.Fragment} key={option.value} value={option.value}>\n                    {({focus, selected}) => (\n                        <li className={classNames(classNames(\n                        \"flex items-center pl-3.5 pr-3 justify-between h-11 text-gray-900 dark:text-white text-md cursor-pointer hover:bg-primary-25 dark:hover:bg-gray-100 dark:hover:bg-opacity-10 whitespace-nowrap\",\n                        {\n                          \"bg-primary-25 dark:bg-gray-100 dark:bg-opacity-10\":\n                            focus,\n                          \"rounded-t-lg\": index === 0,\n                          \"rounded-b-lg\": index === options.length - 1,\n                        },\n                      ))}>\n                        <div className=\"flex items-center\">{option.label}</div>\n                        {selected && <Check className=\"ml-5 text-primary-600 dark:text-white\" />}\n                    </li>\n                    )}\n                    \n                </ListboxOption>\n              ))}\n            </ListboxOptions>\n          </>\n        )}\n      </Listbox>\n    </div>\n  );\n};\n","import React, { FC, JSX } from \"react\";\nimport classNames from \"classnames\";\n\ntype TypographyVariant =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"h6\"\n  | \"h5\"\n  | \"h4\"\n  | \"h3\"\n  | \"h2\"\n  | \"h1\";\n\ntype TypographyWeightOption = \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n\ntype TypographyWeightValue = \"font-normal\" | \"font-medium\" | \"font-semibold\" | \"font-bold\";\n\nexport interface TypographyProps {\n  variant?: TypographyVariant;\n  customWeight?: TypographyWeightOption;\n  customColor?: string;\n  customClass?: string;\n  className?: string;\n  children: string | React.ReactNode;\n}\n\nconst TypographyVariantClasses: Record<TypographyVariant, string> = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-md\",\n  lg: \"text-lg\",\n  xl: \"text-xl\",\n  h6: \"text-h6\",\n  h5: \"text-h5\",\n  h4: \"text-h4\",\n  h3: \"text-h3\",\n  h2: \"text-h2\",\n  h1: \"text-h1\",\n};\n\nconst TypographyWeightClasses: Record<TypographyWeightOption, TypographyWeightValue> = {\n  regular: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n};\n\nexport const Typography: FC<TypographyProps> = ({\n  variant = \"md\",\n  customWeight = \"regular\",\n  customColor,\n  className,\n  children,\n}) => {\n    const TypographyVariantClassName = TypographyVariantClasses[variant];\n    const TypographyWeightClassName = TypographyWeightClasses[customWeight];\n\n\n  const Component: React.ElementType =\n    [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"].includes(variant ?? \"p\") ? (variant as keyof JSX.IntrinsicElements) : \"p\";\n\n  return (\n    <Component\n      className={classNames(\n        TypographyVariantClassName,\n        TypographyWeightClassName,\n        className,\n        {\n            \"tracking-tight\": [\"h1\", \"h2\", \"h3\"].includes(variant),\n            \"text-black dark:text-white\": !customColor,\n        },\n        customColor         \n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n","import { ReactElement, cloneElement, isValidElement } from \"react\";\nimport classNames from \"classnames\";\n\nexport const useIconClassName = () => {\n  const setClassName = (icon: ReactElement, additionalClass: string) => {\n    return isValidElement<{ className?: string }>(icon)\n      ? cloneElement(icon, {\n          className: classNames(icon.props.className, additionalClass),\n        })\n      : icon;\n  };\n\n  return { setClassName };\n};\n","import React, { FC } from \"react\";\nimport { TextInputProps } from \"./@interfaces\";\nimport { Typography } from \"./Typography\";\nimport classNames from \"classnames\";\nimport { useIconClassName } from \"./hooks/useIconClassName\";\n\nexport const TextInput: FC<TextInputProps> = ({\n  type,\n  value,\n  label,\n  placeholder,\n  error,\n  helperText,\n  disabled,\n  LeadingIcon,\n  TrailingIcon,\n  leadingText,\n  handleChange,\n}) => {\n  const { setClassName } = useIconClassName();\n  const inputId = `textinput-${label?.toLowerCase().replace(/\\s+/g, '-') || 'input'}`;\n\n  return (\n    <div>\n      {label && (\n        <label htmlFor={inputId}>\n          <Typography\n            variant=\"sm\"\n            customWeight=\"medium\"\n            customColor=\"text-gray-700 dark:text-white\"\n            className=\"mb-1.5\"\n          >\n            {label}\n          </Typography>\n        </label>\n      )}\n      <div\n        className={classNames(\"relative\", { \"flex items-center\": leadingText })}\n      >\n        <div className=\"h-11 absolute shadow-sm rounded-lg w-full flex justify-between items-center px-3.5 pointer-events-none\">\n          {LeadingIcon ? setClassName(LeadingIcon, \"text-gray-500\") : <div />}\n          {TrailingIcon &&\n            setClassName(\n              TrailingIcon,\n              classNames({ \"text-error-500\": error, \"text-gray-400\": !error })\n            )}\n        </div>\n        {leadingText && (\n          <Typography\n            variant=\"sm\"\n            customWeight=\"regular\"\n            className={classNames(\n              \"flex items-center h-11 text-lg text-gray-500 pl-3.5 pr-3 border border-r-0 rounded-l-lg border-gray-300 dark:border-gray-500\",\n              {\n                \"bg-gray-50 dark:bg-gray-700\": disabled,\n                \"dark:bg-gray-800\": !disabled,\n              }\n            )}\n          >\n            {leadingText}\n          </Typography>\n        )}\n        <input\n          id={inputId}\n          type={type}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          className={classNames(\n            \"w-full select-none text-gray-900 dark:text-white text-md border h-11 px-2\",\n            {\n              \"pl-9\": LeadingIcon,\n              \"pr-9\": TrailingIcon,\n              \"rounded-l-0 rounded-r-lg\": leadingText,\n              \"rounded-lg\": !leadingText,\n              \"border-gray-300 dark:border-gray-500 focus:ring-4 focus:border-primary-300 dark:focus:border-gray-100 focus:ring-primary-100 dark:focus:ring-gray-100 dark:focus:ring-opacity-20\":\n                !error,\n              \"border-error-300 focus:ring-4 focus:border-error-300 focus:ring-error-100\":\n                error,\n              \"bg-white dark:bg-gray-800\": !disabled,\n              \"bg-gray-50 dark:bg-gray-700\": disabled,\n            }\n          )}\n        />\n      </div>\n      {error && (\n        <label className=\"text-sm font-normal mt-1.5 text-error-500\">\n          {error}\n        </label>\n      )}\n      {helperText && (\n        <label className=\"text-sm font-normal mt-1.5 text-gray-500\">\n          {helperText}\n        </label>\n      )}\n    </div>\n  );\n};\n","import React, { FC } from \"react\";\nimport { Typography } from \"../Typography\";\nimport classNames from \"classnames\";\nimport { SubNavItemProps } from \"../@interfaces\";\n\nexport const SubNavItem: FC<SubNavItemProps> = ({\n  inDropdown,\n  isActive,\n  subItem,\n  onClick,\n}) => {\n  return (\n    <li\n      key={subItem.label}\n      className={classNames(\"navItem group\", {\n        \"bg-primary-50 dark:bg-gray-100 dark:bg-opacity-10\": isActive,\n      })}\n      onClick={onClick}\n    >\n      <Typography\n        variant=\"md\"\n        customWeight=\"medium\"\n        customColor={classNames(\n          \"group-hover:text-primary-600 dark:group-hover:text-white\",\n          {\n            \"text-gray-800 dark:text-white\": !isActive,\n            \"text-primary-600 dark:text-white\": isActive,\n          }\n        )}\n        className={classNames(\"flex-grow\", {\n          \"pl-13\": !inDropdown,\n          \"pl-4\": inDropdown,\n        })}\n      >\n        {subItem.label}\n      </Typography>\n    </li>\n  );\n};\n","import { ReactElement, cloneElement, isValidElement } from \"react\";\nimport classNames from \"classnames\";\n\nexport const useIconProps = () => {\n  const setProps = (\n    icon: ReactElement,\n    iconSize: number,\n    additionalClass: string\n  ) => {\n    return isValidElement<{ size?: number; className?: string }>(icon)\n      ? cloneElement(icon, {\n          size: iconSize,\n          className: classNames(icon.props.className, additionalClass),\n        })\n      : icon;\n  };\n\n  return { setProps };\n};\n","import React, {FC} from \"react\";\nimport { NavItemProps } from \"../@interfaces\";\nimport { Popover, PopoverButton, PopoverPanel } from \"@headlessui/react\";\nimport { FiChevronDown } from \"react-icons/fi\";\nimport { Typography } from \"../Typography\";\nimport { SubNavItem } from \"./SubNavItem\";\nimport classNames from \"classnames\";\nimport { useIconProps } from \"../hooks/useIconProps\";\n\nexport const NavItem:FC<NavItemProps> = ({\n    item,\n    isActive,\n    activeSubNavItem,\n    open,\n    openDropdown,\n    onClick,\n}) => {\n    const { setProps } = useIconProps();\n\n    const ArrowDown = FiChevronDown as React.FC<any>;\n\n    return (\n    <Popover key={item.label} className=\"relative\">\n    <PopoverButton as={React.Fragment}>\n      <li\n        className={classNames(\"navItem group\", {\n          \"px-4\": open,\n          \"ml-2 px-2 w-10\": !open,\n          \"bg-primary-50 dark:bg-gray-100 dark:bg-opacity-10\": isActive,\n        })}\n        onClick={() => onClick(item)}\n      >\n        {setProps(item.icon, 24, classNames(\"group-hover:text-primary-600 dark:group-hover:text-white dark:text-white transform duration-100 ease-out\",\n            {\n              \"-rotate-180\": item.toggleSidebar && !open,\n              \"text-gray-900\": !isActive,\n              \"text-primary-600 dark:text-white\": isActive,\n            },))}\n        <>\n          <Typography\n            variant=\"md\"\n            customWeight=\"medium\"\n            className={classNames(\"flex-grow ml-3\", {\n              \"opacity-0 hidden\": !open,\n            })}\n            customColor={classNames(\n              \"group-hover:text-primary-600 dark:group-hover:text-white\",\n              {\n                \"text-gray-800 dark:text-white\": !isActive,\n                \"text-primary-600 dark:text-white\": isActive,\n              },\n            )}\n          >\n            {item.label}\n          </Typography>\n          {item.subItems && item.subItems.length > 0 ? (\n            <ArrowDown\n              size={20}\n              className={classNames(\n                \"group-hover:text-primary-600 dark:group-hover:text-white transform duration-100 ease-out\",\n                {\n                  \"opacity-0 hidden\": !open,\n                  \"text-gray-400\": !isActive,\n                  \"text-primary-600 dark:text-white\": isActive,\n                  \"-rotate-180\": openDropdown,\n                },\n              )}\n            />\n          ) : null}\n        </>\n      </li>\n    </PopoverButton>\n\n    {openDropdown && open && item.subItems && item.subItems.length > 0 ? (\n      <div className=\"my-2 space-y-1\">\n        {item.subItems.map((subItem) => (\n          <SubNavItem\n            key={subItem.label}\n            isActive={activeSubNavItem === subItem.label}\n            subItem={subItem}\n            onClick={() => onClick(item, subItem.label)}\n          />\n        ))}\n      </div>\n    ) : null}\n\n    {!open && item.subItems && item.subItems.length > 0 ? (\n      <PopoverPanel className=\"absolute z-50 px-4 py-3 ml-5 space-y-1 bg-white rounded-lg shadow-md -top-3 left-19 w-58 dark:bg-gray-900\">\n        {item.subItems.map((subItem) => (\n          <SubNavItem\n            key={subItem.label}\n            inDropdown\n            isActive={activeSubNavItem === subItem.label}\n            subItem={subItem}\n            onClick={() => onClick(item, subItem.label)}\n          />\n        ))}\n      </PopoverPanel>\n    ) : null}\n  </Popover>\n)};","export type CountryISO = \"IN\" | \"BE\" | \"DE\" | \"FR\" | \"IT\" | \"NL\" | \"RU\" | \"US\";\n\ntype image =  CountryISO | \"logo\";\n\n// Development images\n// const devImages: Record<image, string> = {\n// logo: require(\"./logo.png\"),\n//   IN: require(\"./in.svg\"),\n//   BE: require(\"./be.svg\"),\n//   DE: require(\"./de.svg\"),\n//   FR: require(\"./fr.svg\"),\n//   IT: require(\"./it.svg\"),\n//   NL: require(\"./nl.svg\"),\n//   RU: require(\"./ru.svg\"),\n//   US: require(\"./us.svg\"),\n\n// };\n\n// Production images (CDN)\nconst prodImages: Record<image, string> = {\n  logo: \"https://media-hosting.imagekit.io/0ec1ca8b900e4e8b/logo.svg?Expires=1838348369&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=pCHsmoIdugCAGgRQuivkSFGORbcd0DMZjw-l9LQlxqEs77-19RpmN8TrGsMdYdKwLic46nDsKt44NPaRyu~mxJDKX7I0acu5x53nLqrjh-fs6s8VATv5eHASNeV83rLF3LXgXwMkXubchLy79xPaEHKlRlvJgcqrjZd3cE4C8QXC0KIG4dSjtkd0rECwtweKFuh1BrJIwcKIxiu5cEJUKgDvi4TUS22KVFh4c52c9CjBGa0ulrxxyZHMj2eXff-uQBkecyW-QYillwmsuz2i5PFf6Ud~9JZ2xYOBWwrq4VRSY-8p~c6Czqagg-w6gqyk-3xEM-f-cDfor~11~xwtTg__\",\n  IN: \"https://kapowaz.github.io/circle-flags/flags/in.svg\",\n  BE: \"https://kapowaz.github.io/circle-flags/flags/be.svg\",\n  DE: \"https://kapowaz.github.io/circle-flags/flags/de.svg\",\n  FR: \"https://kapowaz.github.io/circle-flags/flags/fr.svg\",\n  IT: \"https://kapowaz.github.io/circle-flags/flags/it.svg\",\n  NL: \"https://kapowaz.github.io/circle-flags/flags/nl.svg\",\n  RU: \"https://kapowaz.github.io/circle-flags/flags/ru.svg\",\n  US: \"https://kapowaz.github.io/circle-flags/flags/us.svg\",\n};\n\nexport const images = prodImages;\n// export const images = process.env.NODE_ENV === \"production\" ? prodImages : devImages;\n","import React from \"react\";\nimport { SideNavProps, INavItem } from \"../@interfaces\";\nimport classNames from \"classnames\";\nimport { Typography } from \"../Typography\";\nimport { NavItem } from \"./NavItem\";\nimport { FiLogOut, FiSearch } from \"react-icons/fi\";\nimport { TextInput } from \"../TextInput\";\nimport { images } from \"../data/images\";\n\nexport const renderLogo = () => (\n    <img src={images.logo} className=\"w-8 h-8 select-none\" alt=\"logo\" />\n);\n\nexport const SideNav = ({\n    className,\n    navItemsTop,\n    navItemsBottom,\n    username,\n    email,\n    open,\n    setOpen,\n}: SideNavProps) => {\n\n\n  const Logout = FiLogOut as React.FC<any>;\n  const Search = FiSearch as React.FC<any>;\n\n    const [searchString, setSearchString] = React.useState<string>(\"\");\n    const [activeNavItem, setActiveNavItem] = React.useState<string>(\"\");\n    const [activeSubNavItem, setActiveSubNavItem] = React.useState<string>(\"\");\n    const [openDropdowns, setOpenDropdowns] = React.useState<string[]>([]);\n\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        setSearchString(e.target.value);\n    };\n\n    const onClickNavItem = (item: INavItem, subNavPath?: string) => {\n        if (subNavPath) {\n          setActiveSubNavItem(subNavPath);\n        }\n        if (!item.toggleSidebar) {\n          setActiveNavItem(item.label);\n        } else if (item.toggleSidebar) {\n          setOpen(!open);\n        }\n    \n        if (item.subItems && openDropdowns.includes(item.label) && !subNavPath) {\n          setOpenDropdowns(\n            openDropdowns.filter((dropdownItem) => dropdownItem !== item.label),\n          );\n        } else if (item.subItems && !openDropdowns.includes(item.label)) {\n          setOpenDropdowns([...openDropdowns, item.label]);\n        }\n    };\n    \n    return (\n        <div\n        data-testid= \"side-nav\"\n          className={classNames(\n            \"py-6 flex flex-col flex-grow bg-white dark:bg-gray-900 transform ease-out duration-100 overflow-y-auto xs:overflow-y-visible\",\n            {\n              \"w-80\": open,\n              \"w-24\": !open,\n              \"border-r border-gray-300 dark:border-opacity-20\": true,\n            },\n            className,\n          )}\n        >\n          <div className=\"flex items-center w-full mb-8 ml-9\">  \n            {renderLogo()}\n            <Typography\n              variant=\"xl\"\n              className={classNames(\"ml-2.5 whitespace-nowrap select-none\", {\n                \"opacity-0 hidden\": !open,\n              })}\n              customWeight=\"medium\"\n            >\n              Box UI\n            </Typography>\n          </div>\n    \n          <div className=\"mb-8 mx-9\">\n            {open ? (\n              <TextInput\n                type=\"text\"\n                value={searchString}\n                handleChange={handleSearch}\n                placeholder=\"Search\"\n                LeadingIcon={<Search />}\n              />\n            ) : (\n              <div className=\"h-11\" />\n            )}\n          </div>\n    \n          <div\n            className={classNames(\n              \"flex flex-col justify-between h-full ml-5 w-70\",\n              {\n                \"w-14\": !open,\n              },\n            )}\n          >\n            <ul className=\"flex flex-col space-y-1\">\n              {navItemsTop.map((item) => (\n                <NavItem\n                  key={item.label}\n                  item={item}\n                  isActive={activeNavItem === item.label}\n                  activeSubNavItem={activeSubNavItem}\n                  open={open}\n                  openDropdown={openDropdowns.includes(item.label)}\n                  onClick={onClickNavItem}\n                />\n              ))}\n            </ul>\n            <ul className=\"flex flex-col mb-6 space-y-1\">\n              {navItemsBottom.map((item) => (\n                <NavItem\n                  key={item.label}\n                  item={item}\n                  isActive={activeNavItem === item.label}\n                  activeSubNavItem={activeSubNavItem}\n                  open={open}\n                  openDropdown={openDropdowns.includes(item.label)}\n                  onClick={onClickNavItem}\n                />\n              ))}\n            </ul>\n          </div>\n    \n          <hr\n            className={classNames(\n              \"ml-5 border-t border-gray-300 dark:border-opacity-20\",\n              {\n                \"w-70\": open,\n                \"w-14\": !open,\n              },\n            )}\n          />\n    \n          <div className=\"flex mt-6 w-70 ml-7\">\n            {open ? (\n              <div className=\"flex justify-between ml-3\">\n                <div className=\"select-none\">\n                  <Typography\n                    variant=\"sm\"\n                    customWeight=\"medium\"\n                    customColor=\"text-gray-700 dark:text-white\"\n                  >\n                    {username}\n                  </Typography>\n    \n                  <Typography variant=\"sm\" customColor=\"text-gray-500\">\n                    {email}\n                  </Typography>\n                </div>\n    \n                <Logout size={24} className=\"ml-6 text-gray-400 cursor-pointer\" />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      );\n    \n}","import classNames from \"classnames\";\nimport React, { FC } from \"react\";\nimport { Typography } from \"../Typography\";\nimport { renderLogo } from \"./SideNav\";\nimport {MobileNavProps} from '../@interfaces';\n\n\nexport const MobileNavbar: FC<MobileNavProps> = ({ open, toggleOpen }) => (\n  <div className=\"z-40 flex items-center justify-between h-20 py-6 bg-white shadow-md dark:bg-gray-900 px-9\">\n    {renderLogo()}\n    <Typography variant=\"h6\" customWeight=\"medium\" className=\"select-none\">\n       Box UI\n    </Typography>\n    <svg\n      role=\"button\"\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={classNames(\n        \"text-gray-500 transition-all duration-100 ease-out cursor-pointer stroke-current hover:text-gray-900 dark:text-white dark:hover:text-gray-200\",\n        {\n          \"opacity-0\": open,\n        },\n      )}\n      data-testid= \"mobile-nav-toggle\"\n      onClick={toggleOpen}\n    >\n      <path\n        d=\"M4 16H22.6667M4 8H28M4 24H28\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  </div>\n);\n","import { IColor } from \"../@interfaces\";\n\nexport const colors: IColor[] = [\n  {\n    bgClass: \"bg-gray-2\",\n    code: 25,\n    hex: \"#FCFCF\",\n  },\n  {\n    bgClass: \"bg-gray-50\",\n    code: 50,\n    hex: \"#F9FAFB\",\n  },\n  {\n    bgClass: \"bg-gray-100\",\n    code: 100,\n    hex: \"#F2F4F7\",\n  },\n  {\n    bgClass: \"bg-gray-200\",\n    code: 200,\n    hex: \"#E4E7EC\",\n  },\n  {\n    bgClass: \"bg-gray-300\",\n    code: 300,\n    hex: \"#D0D5DD\",\n  },\n  {\n    bgClass: \"bg-gray-400\",\n    code: 400,\n    hex: \"#98A2B3\",\n  },\n  {\n    bgClass: \"bg-gray-500\",\n    code: 500,\n    hex: \"#667085\",\n  },\n  {\n    bgClass: \"bg-gray-600\",\n    code: 600,\n    hex: \"#475467\",\n  },\n  {\n    bgClass: \"bg-gray-700\",\n    code: 700,\n    hex: \"#344054\",\n  },\n  {\n    bgClass: \"bg-gray-800\",\n    code: 800,\n    hex: \"#1D2939\",\n  },\n  {\n    bgClass: \"bg-gray-900\",\n    code: 900,\n    hex: \"#101828\",\n  },\n  {\n    bgClass: \"bg-primary-25\",\n    code: 25,\n    hex: \"#F5FAFF\",\n  },\n  {\n    bgClass: \"bg-primary-50\",\n    code: 50,\n    hex: \"#EFF8FF\",\n  },\n  {\n    bgClass: \"bg-primary-100\",\n    code: 100,\n    hex: \"#D1E9FF\",\n  },\n  {\n    bgClass: \"bg-primary-200\",\n    code: 200,\n    hex: \"#B2DDFF\",\n  },\n  {\n    bgClass: \"bg-primary-300\",\n    code: 300,\n    hex: \"#84CAFF\",\n  },\n  {\n    bgClass: \"bg-primary-400\",\n    code: 400,\n    hex: \"#53B1FD\",\n  },\n  {\n    bgClass: \"bg-primary-500\",\n    code: 500,\n    hex: \"#2E90FA\",\n  },\n  {\n    bgClass: \"bg-primary-600\",\n    code: 600,\n    hex: \"#1570EF\",\n  },\n  {\n    bgClass: \"bg-primary-700\",\n    code: 700,\n    hex: \"#175CD3\",\n  },\n  {\n    bgClass: \"bg-primary-800\",\n    code: 800,\n    hex: \"#1849A9\",\n  },\n  {\n    bgClass: \"bg-primary-900\",\n    code: 900,\n    hex: \"#194185\",\n  },\n  {\n    bgClass: \"bg-error-25\",\n    code: 25,\n    hex: \"#FFFBFA\",\n  },\n  {\n    bgClass: \"bg-error-50\",\n    code: 50,\n    hex: \"#FEF3F2\",\n  },\n  {\n    bgClass: \"bg-error-100\",\n    code: 100,\n    hex: \"#FEE4E2\",\n  },\n  {\n    bgClass: \"bg-error-200\",\n    code: 200,\n    hex: \"#FECDCA\",\n  },\n  {\n    bgClass: \"bg-error-300\",\n    code: 300,\n    hex: \"#FDA29B\",\n  },\n  {\n    bgClass: \"bg-error-400\",\n    code: 400,\n    hex: \"#F97066\",\n  },\n  {\n    bgClass: \"bg-error-500\",\n    code: 500,\n    hex: \"#F04438\",\n  },\n  {\n    bgClass: \"bg-error-600\",\n    code: 600,\n    hex: \"#D92D20\",\n  },\n  {\n    bgClass: \"bg-error-700\",\n    code: 700,\n    hex: \"#B42318\",\n  },\n  {\n    bgClass: \"bg-error-800\",\n    code: 800,\n    hex: \"#912018\",\n  },\n  {\n    bgClass: \"bg-error-900\",\n    code: 900,\n    hex: \"#7A271A\",\n  },\n  {\n    bgClass: \"bg-warning-25\",\n    code: 25,\n    hex: \"#FFFCF5\",\n  },\n  {\n    bgClass: \"bg-warning-50\",\n    code: 50,\n    hex: \"#FFFAEB\",\n  },\n  {\n    bgClass: \"bg-warning-100\",\n    code: 100,\n    hex: \"#FEF0C7\",\n  },\n  {\n    bgClass: \"bg-warning-200\",\n    code: 200,\n    hex: \"#FEDF89\",\n  },\n  {\n    bgClass: \"bg-warning-300\",\n    code: 300,\n    hex: \"#FEC84B\",\n  },\n  {\n    bgClass: \"bg-warning-400\",\n    code: 400,\n    hex: \"#FDB022\",\n  },\n  {\n    bgClass: \"bg-warning-500\",\n    code: 500,\n    hex: \"#F79009\",\n  },\n  {\n    bgClass: \"bg-warning-600\",\n    code: 600,\n    hex: \"#DC6803\",\n  },\n  {\n    bgClass: \"bg-warning-700\",\n    code: 700,\n    hex: \"#B54708\",\n  },\n  {\n    bgClass: \"bg-warning-800\",\n    code: 800,\n    hex: \"#93370D\",\n  },\n  {\n    bgClass: \"bg-warning-900\",\n    code: 900,\n    hex: \"#7A2E0E\",\n  },\n  {\n    bgClass: \"bg-success-25\",\n    code: 25,\n    hex: \"#F6FEF9\",\n  },\n  {\n    bgClass: \"bg-success-50\",\n    code: 50,\n    hex: \"#ECFDF3\",\n  },\n  {\n    bgClass: \"bg-success-100\",\n    code: 100,\n    hex: \"#D1FADF\",\n  },\n  {\n    bgClass: \"bg-success-200\",\n    code: 200,\n    hex: \"#A6F4C5\",\n  },\n  {\n    bgClass: \"bg-success-300\",\n    code: 300,\n    hex: \"#6CE9A6\",\n  },\n  {\n    bgClass: \"bg-success-400\",\n    code: 400,\n    hex: \"#32D583\",\n  },\n  {\n    bgClass: \"bg-success-500\",\n    code: 500,\n    hex: \"#12B76A\",\n  },\n  {\n    bgClass: \"bg-success-600\",\n    code: 600,\n    hex: \"#039855\",\n  },\n  {\n    bgClass: \"bg-success-700\",\n    code: 700,\n    hex: \"#027A48\",\n  },\n  {\n    bgClass: \"bg-success-800\",\n    code: 800,\n    hex: \"#05603A\",\n  },\n  {\n    bgClass: \"bg-success-900\",\n    code: 900,\n    hex: \"#054F31\",\n  },\n];\n","import React from \"react\";\nimport { IOption } from \"../@interfaces\";\nimport { CountryISO, images } from \"./images\";\n\ninterface ICountry {\n  city: string;\n  countryISO: CountryISO;\n}\n\nconst countriesData: ICountry[] = [\n  {\n    city: \"Ahmedabad\",\n    countryISO: \"IN\",\n  },\n  {\n    city: \"Amsterdam\",\n    countryISO: \"NL\",\n  },\n  {\n    city: \"Rome\",\n    countryISO: \"IT\",\n  },\n  {\n    city: \"Berlin\",\n    countryISO: \"DE\",\n  },\n  {\n    city: \"Paris\",\n    countryISO: \"FR\",\n  },\n  {\n    city: \"Washington\",\n    countryISO: \"US\",\n  },\n  {\n    city: \"Moscow\",\n    countryISO: \"RU\",\n  },\n  {\n    city: \"Brussels\",\n    countryISO: \"BE\",\n  },\n];\n\nexport const countries: IOption[] = countriesData.map((country) => ({\n  value: country.countryISO,\n  label: (\n    <>\n      <img\n        src={images[country.countryISO]}\n        alt={country.countryISO.toLowerCase()}\n        className=\"w-5 h-5 mr-2\"\n      />{\" \"}\n      {`${country.city}, ${country.countryISO}`}\n    </>\n  ),\n}));\n","import { IOption } from \"../@interfaces\";\n\nexport const prices: IOption[] = [\n  {\n    label: \"Any price\",\n    value: \"-1\",\n  },\n  {\n    label: \"Below 50\",\n    value: \"0\",\n  },\n  {\n    label: \"50 - 100\",\n    value: \"50\",\n  },\n  {\n    label: \"100 - 200\",\n    value: \"100\",\n  },\n  {\n    label: \"200 - 300\",\n    value: \"200\",\n  },\n  {\n    label: \"300 - 400\",\n    value: \"300\",\n  },\n  {\n    label: \"400 - 500\",\n    value: \"400\",\n  },\n  {\n    label: \"500 - 600\",\n    value: \"500\",\n  },\n];\n","import React from \"react\";\r\nimport { INavItem } from \"../@interfaces\";\r\nimport {\r\n  FiArrowLeft,\r\n  FiBarChart2,\r\n  FiCheckSquare,\r\n  FiHome,\r\n  FiLayers,\r\n  FiSettings,\r\n  FiFlag,\r\n  FiMapPin,\r\n} from \"react-icons/fi\";\r\n\r\nconst Home = FiHome as React.FC<any>;\r\nconst Layers = FiLayers as React.FC<any>;\r\nconst Settings = FiSettings as React.FC<any>;\r\nconst Flag = FiFlag as React.FC<any>;\r\nconst MapPin = FiMapPin as React.FC<any>;\r\nconst CheckSquare = FiCheckSquare as React.FC<any>;\r\nconst BarChart = FiBarChart2 as React.FC<any>;\r\nconst ArrowLeft = FiArrowLeft as React.FC<any>;\r\n\r\nexport const navItemsTop: INavItem[] = [\r\n  {\r\n    order: 0,\r\n    path: \"home\",\r\n    label: \"Home\",\r\n    icon: <Home />,\r\n  },\r\n  {\r\n    order: 1,\r\n    path: \"dashboard\",\r\n    label: \"Dashboard\",\r\n    icon: <BarChart />,\r\n    subItems: [\r\n      {\r\n        order: 0,\r\n        path: \"analytics\",\r\n        label: \"Analytics\",\r\n      },\r\n      {\r\n        order: 1,\r\n        path: \"apps\",\r\n        label: \"Apps\",\r\n      },\r\n      {\r\n        order: 2,\r\n        path: \"learn\",\r\n        label: \"Learn\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    order: 2,\r\n    path: \"projects\",\r\n    label: \"Projects\",\r\n    icon: <Layers />,\r\n  },\r\n  {\r\n    order: 3,\r\n    path: \"tasks\",\r\n    label: \"Tasks\",\r\n    icon: <CheckSquare />,\r\n  },\r\n  {\r\n    order: 4,\r\n    path: \"reporting\",\r\n    label: \"Reporting\",\r\n    icon: <Flag />,\r\n  },\r\n  {\r\n    order: 5,\r\n    path: \"rentals\",\r\n    label: \"Rentals\",\r\n    icon: <MapPin />,\r\n    subItems: [\r\n      {\r\n        order: 0,\r\n        path: \"all\",\r\n        label: \"All rentals\",\r\n      },\r\n      {\r\n        order: 1,\r\n        path: \"popular\",\r\n        label: \"Popular\",\r\n      },\r\n      {\r\n        order: 2,\r\n        path: \"recent\",\r\n        label: \"Recently added\",\r\n      },\r\n    ],\r\n  },\r\n];\r\n\r\nexport const navItemsBottom: INavItem[] = [\r\n  {\r\n    order: 0,\r\n    path: \"settings\",\r\n    label: \"Settings\",\r\n    icon: <Settings />,\r\n  },\r\n  {\r\n    order: 1,\r\n    label: \"Close Navbar\",\r\n    icon: <ArrowLeft />,\r\n    toggleSidebar: true,\r\n  },\r\n];\r\n","import React from 'react'\nimport { IButtonItem } from \"../@interfaces\";\nimport { FiCircle, FiList, FiGrid } from \"react-icons/fi\";\n\n\nconst Circle = FiCircle as React.FC<any>;\n\nconst List = FiList as React.FC<any>;\n\nconst Grid = FiGrid as React.FC<any>;\n\nexport const options1: IButtonItem[] = [\n  { value: \"Leading\", content: \"Leading\" },\n  { value: \"Middle\", content: \"Middle\" },\n  { value: \"Trailing\", content: \"Trailing\" },\n];\n\nexport const options2: IButtonItem[] = [\n  {\n    value: \"first\",\n    content:  (\n      <>\n        <span><Circle size={20} className='mr-2'/></span>\n        First\n      </>\n    ),\n  },\n  {\n    value: \"second\",\n    content: (\n      <>\n        <span><Circle size={20} className='mr-2'/></span>\n        Second\n      </>\n    ),\n  },\n  {\n    value: \"third\",\n    content: (\n      <>\n        <span><Circle size={20} className='mr-2'/></span>\n        Third\n      </>\n    ),\n  },\n];\n\nexport const options3: IButtonItem[] = [\n  {value:'list', content:<List size={20}/>},\n  {value:'grid', content:<Grid size={20}/>},\n]\n"],"names":["BadgeSizeClasses","sm","md","lg","BadgeVariantClasses","gray","primary","warning","error","success","Badge","_ref","className","children","LeadingIcon","TrailingIcon","variant","size","badgeVariantClassName","badgeSizeClassName","React","classNames","buttonVariantClasses","default","hover","focus","disabled","secondary","secondaryGray","tertiary","tertiaryGray","buttonSizeClasses","xl","buttonIconSizeClasses","Button","IconOnly","buttonProps","buttonVariantClassName","buttonIconSizeClassName","setIconSize","icon","iconSize","isValidElement","props","cloneElement","setClassName","additionalClass","type","ButtonGroup","options","activeOption","setActiveOption","map","option","index","key","value","length","onClick","content","ColorBox","code","hex","bgClass","Paginate","totalPages","page","isMobile","setPage","handlePageChange","ArrowLeft","FiArrowLeft","ArrowRight","FiArrowRight","Pagination","currentPage","edgePageCount","setCurrentPage","truncableText","middlePagesSiblingCount","truncableClassName","PrevButton","PageButton","activeClassName","inactiveClassName","NextButton","Select","selectedOption","setSelectedOption","placeholder","width","ArrowDown","FiChevronDown","Check","FiCheck","setProps","Listbox","onChange","_ref2","open","ListboxButton","label","ListboxOptions","ListboxOption","as","Fragment","_ref3","selected","TypographyVariantClasses","xs","h6","h5","h4","h3","h2","h1","TypographyWeightClasses","regular","medium","semibold","bold","Typography","customWeight","customColor","TypographyVariantClassName","TypographyWeightClassName","Component","includes","useIconClassName","TextInput","helperText","leadingText","handleChange","inputId","toLowerCase","replace","htmlFor","id","SubNavItem","inDropdown","isActive","subItem","useIconProps","NavItem","item","activeSubNavItem","openDropdown","Popover","PopoverButton","toggleSidebar","subItems","PopoverPanel","prodImages","logo","IN","BE","DE","FR","IT","NL","RU","US","images","renderLogo","src","alt","SideNav","navItemsTop","navItemsBottom","username","email","setOpen","Logout","FiLogOut","Search","FiSearch","searchString","setSearchString","useState","activeNavItem","setActiveNavItem","setActiveSubNavItem","openDropdowns","setOpenDropdowns","handleSearch","e","target","onClickNavItem","subNavPath","filter","dropdownItem","MobileNavbar","toggleOpen","role","height","viewBox","xmlns","d","strokeWidth","strokeLinecap","strokeLinejoin","colors","countriesData","city","countryISO","countries","country","prices","Home","FiHome","Layers","FiLayers","Settings","FiSettings","Flag","FiFlag","MapPin","FiMapPin","CheckSquare","FiCheckSquare","BarChart","FiBarChart2","order","path","Circle","FiCircle","List","FiList","Grid","FiGrid","options1","options2","options3"],"mappings":";;;;;;;;;;;;;AAIA,MAAMA,gBAAgB,GAA8B;EAClDC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE;CACL;AAED,MAAMC,mBAAmB,GAAiC;EACxDC,IAAI,EAAE,YAAY;EAClBC,OAAO,EAAE,eAAe;EACxBC,OAAO,EAAE,eAAe;EACxBC,KAAK,EAAE,aAAa;EACpBC,OAAO,EAAE;CACV;MAEYC,KAAK,GAAmBC,IAAA;MAAC;IACpCC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,YAAY;IACZC,OAAO;IACPC;GACD,GAAAN,IAAA;EACC,MAAMO,qBAAqB,GAAGd,mBAAmB,CAACY,OAAO,CAAC;EAC1D,MAAMG,kBAAkB,GAAGnB,gBAAgB,CAACiB,IAAI,CAAC;EAEjD,oBACEG;IACER,SAAS,EAAES,UAAU,CACnB,YAAY,EACZF,kBAAkB,EAClBD,qBAAqB,EACrBN,SAAS;KAGVE,WAAW,iBAAIM;IAAMR,SAAS,EAAC;KAAUE,WAAW,CAAQ,EAC5DD,QAAQ,EACRE,YAAY,iBAAIK;IAAMR,SAAS,EAAC;KAAUG,YAAY,CAAQ,CAC3D;AAEV;;AClCA,MAAMO,oBAAoB,GAGtB;EACFhB,OAAO,EAAE;IACPiB,OAAO,EAAE,aAAa;IACtBC,KAAK,EAAE,mBAAmB;IAC1BC,KAAK,EAAE,mCAAmC;IAC1CC,QAAQ,EAAE;GACX;EACDC,SAAS,EAAE;IACTJ,OAAO,EAAE,eAAe;IACxBC,KAAK,EAAE,qBAAqB;IAC5BC,KAAK,EAAE,qCAAqC;IAC5CC,QAAQ,EAAE;GACX;EACDE,aAAa,EAAE;IACbL,OAAO,EAAE,mBAAmB;IAC5BC,KAAK,EAAE,yBAAyB;IAChCC,KAAK,EAAE,yCAAyC;IAChDC,QAAQ,EAAE;GACX;EACDG,QAAQ,EAAE;IACRN,OAAO,EAAE,cAAc;IACvBC,KAAK,EAAE,oBAAoB;IAC3BC,KAAK,EAAE,oCAAoC;IAC3CC,QAAQ,EAAE;GACX;EACDI,YAAY,EAAE;IACZP,OAAO,EAAE,kBAAkB;IAC3BC,KAAK,EAAE,wBAAwB;IAC/BC,KAAK,EAAE,wCAAwC;IAC/CC,QAAQ,EAAE;;CAEb;AAED,MAAMK,iBAAiB,GAA+B;EACpD9B,EAAE,EAAE,QAAQ;EACZC,EAAE,EAAE,QAAQ;EACZC,EAAE,EAAE,QAAQ;EACZ6B,EAAE,EAAE,QAAQ;EACZ,KAAK,EAAE;CACR;AAED,MAAMC,qBAAqB,GAA+B;EACxDhC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE,aAAa;EACjB6B,EAAE,EAAE,aAAa;EACjB,KAAK,EAAE;CACR;AAED,MAAaE,MAAM,GAAGvB,IAAA;MAAC;IACrBE,QAAQ;IACRD,SAAS;IACTI,OAAO,GAAG,SAAS;IACnBC,IAAI,GAAG,IAAI;IACXS,QAAQ;IACRZ,WAAW;IACXC,YAAY;IACZoB,QAAQ;IACR,GAAGC;GACS,GAAAzB,IAAA;EACZ,MAAM0B,sBAAsB,GAAGf,oBAAoB,CAACN,OAAO,CAAC;EAC5D,MAAMsB,uBAAuB,GAAGL,qBAAqB,CAAChB,IAAI,CAAC;EAE3D,MAAMsB,WAAW,GAAGA,CAACC,IAAkB,EAAEC,QAAgB;IACvD,iBAAIC,oBAAc,CAAoBF,IAAI,CAAC,IAAI,MAAM,IAAIA,IAAI,CAACG,KAAK,EAAE;MACnE,oBAAOC,kBAAY,CAACJ,IAAI,EAAE;QAAEvB,IAAI,EAAE;OAAI,CAAC;;IAEzC,OAAOuB,IAAI;GACZ;EAED,MAAMK,YAAY,GAAGA,CAACL,IAAkB,EAAEM,eAAuB;IAC/D,oBAAOJ,oBAAc,CAAyBF,IAAI,CAAC,gBAC/CI,kBAAY,CAACJ,IAAI,EAAE;MACjB5B,SAAS,EAAES,UAAU,CAACmB,IAAI,CAACG,KAAK,CAAC/B,SAAS,EAAEkC,eAAe;KAC5D,CAAC,GACFN,IAAI;GACT;EAED,oBACEpB;IACE2B,IAAI,EAAC,QAAQ;IACbnC,SAAS,EAAES,UAAU,CAAC,UAAU,EAAET,SAAS,EAAE;MAC3C,CAACmB,iBAAiB,CAACd,IAAI,CAAC,GAAG,CAACkB,QAAQ;MACpC,CAACd,UAAU,CAACiB,uBAAuB,EAAE,gBAAgB,CAAC,GAAGH,QAAQ;MACjE,CAACd,UAAU,CAACgB,sBAAsB,CAACd,OAAO,EAC1Cc,sBAAsB,CAACb,KAAK,EAC5Ba,sBAAsB,CAACZ,KAAK,CAAC,GAAG,CAACC,QAAQ;MACzC,CAACL,UAAU,CAACgB,sBAAsB,CAACX,QAAQ,EAAE,oBAAoB,CAAC,GAAGA;KACtE;KACGU,WAAW,GAEdtB,WAAW,kBACVM,2CACGyB,YAAY,CACX/B,WAAW,EACXO,UAAU,CAAC;IACT,MAAM,EAAEJ,IAAI,KAAK,KAAK;IACtB,MAAM,EAAEA,IAAI,KAAK;GAClB,CAAC,CACH,CACI,CACR,EACAJ,QAAQ,EACRsB,QAAQ,kBACPf,2CAAOmB,WAAW,CAACJ,QAAQ,AAA0B,CAAC,CAAQ,CAC/D,EACApB,YAAY,kBACXK,2CACGyB,YAAY,CACX9B,YAAY,EACZM,UAAU,CAAC;IACT,MAAM,EAAEJ,IAAI,KAAK,KAAK;IACtB,MAAM,EAAEA,IAAI,KAAK;GAClB,CAAC,CACH,CACI,CACR,CACM;AAEb,CAAC;;MCzHY+B,WAAW,GAAGrC,IAAA;MAAC;IAC1BsC,OAAO;IACPC,YAAY;IACZC;GACiB,GAAAxC,IAAA;EACjB,oBACES,0CACG6B,OAAO,CAACG,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,mBACzBlC;IACEmC,GAAG,EAAEF,MAAM,CAACG,KAAK;IACjB5C,SAAS,EAAES,UAAU,CACnB,2NAA2N,EAC3N;MACI,cAAc,EAAEiC,KAAK,KAAK,CAAC;MAC3B,cAAc,EAAEA,KAAK,KAAKL,OAAO,CAACQ,MAAM,GAAG,CAAC;MAC5C,6BAA6B,EAAEP,YAAY,KAAKG,MAAM,CAACG,KAAK;MAC5D,YAAY,EAAEF,KAAK,KAAK,CAAC,IAAIA,KAAK,KAAKL,OAAO,CAACQ,MAAM,GAAG;KAC3D,CACF;IACDC,OAAO,EAAEA,MAAMP,eAAe,CAACE,MAAM,CAACG,KAAK;KAE1CH,MAAM,CAACM,OAAO,CACR,CACV,CAAC,CACE;AAEV,CAAC;;MCjCYC,QAAQ,GAAGjD,IAAA;EAAA,IAAC;IAAEkD,IAAI;IAAEC,GAAG;IAAEC;GAAiB,GAAApD,IAAA;EAAA,oBACvDS;IACImC,GAAG,EAAEQ,OAAO;IACZnD,SAAS,EAAC;kBACRQ;IAAKR,SAAS,EAAE,QAAQmD,OAAO;IAAmB,eAClD3C;IAAKR,SAAS,EAAC;KACViD,IAAI,eACLzC,wCAAK,EACJ0C,GAAG,CACF,CACF;AAAA,CACT;;MCRYE,QAAQ,GAAGrD,IAAA;MAAC;IACvBsD,UAAU;IACVC,IAAI;IACJC,QAAQ;IACRvD,SAAS;IACTwD;GACgB,GAAAzD,IAAA;EAChB,MAAM0D,gBAAgB,GAAIH,IAAY;IACpCE,OAAO,CAACF,IAAI,CAAC;GACd;EAED,MAAMI,SAAS,GAAGC,cAA4B;EAC9C,MAAMC,UAAU,GAAGC,eAA6B;EAEhD,IAAIN,QAAQ,EAAE;IACZ,oBACE/C;MAAKR,SAAS,EAAES,UAAU,CAAC,+BAA+B,EAAET,SAAS;oBACnEQ,6BAACkD,SAAS;qBACI,SAAS;MACrBrD,IAAI,EAAE,EAAE;MACRL,SAAS,EAAES,UAAU,CAAC,oCAAoC,EAAE;QAC1D,gBAAgB,EAAE6C,IAAI,KAAK,CAAC;QAC5B,YAAY,EAAEA,IAAI,KAAK;OACxB,CAAC;MACFR,OAAO,EAAEA;QACP,IAAIQ,IAAI,GAAG,CAAC,EAAE;UACZG,gBAAgB,CAACH,IAAI,GAAG,CAAC,CAAC;;;MAG9B,eACF9C;MAAKR,SAAS,EAAC;OACZ,QAAQsD,IAAI,OAAOD,UAAU,EAAE,CAC5B,eACN7C,6BAACoD,UAAU;qBACG,SAAS;MACrBvD,IAAI,EAAE,EAAE;MACRL,SAAS,EAAES,UAAU,CAAC,oCAAoC,EAAE;QAC1D,gBAAgB,EAAE6C,IAAI,KAAKD,UAAU,GAAG,CAAC;QACzC,YAAY,EAAEC,IAAI,KAAKD,UAAU,GAAG;OACrC,CAAC;MACFP,OAAO,EAAEA;QACP,IAAIQ,IAAI,GAAGD,UAAU,GAAG,CAAC,EAAE;UACzBI,gBAAgB,CAACH,IAAI,GAAG,CAAC,CAAC;;;MAG9B,CACE;;EAIV,oBACE9C,6BAACsD,kCAAU;IACT9D,SAAS,EAAES,UAAU,CACnB,mDAAmD,EACnDT,SAAS,CACV;IACD+D,WAAW,EAAET,IAAI;IACjBD,UAAU,EAAEA,UAAU;IACtBW,aAAa,EAAE,CAAC;IAChBC,cAAc,EAAER,gBAAgB;IAChCS,aAAa,EAAC,KAAK;IACnBC,uBAAuB,EAAE,CAAC;IAC1BC,kBAAkB,EAAC;kBAEnB5D,6BAACsD,kCAAU,CAACO,UAAU;IACpBrE,SAAS,EAAES,UAAU,CACnB,uIAAuI,EACvI;MACE,gBAAgB,EAAE6C,IAAI,KAAK,CAAC;MAC5B,YAAY,EAAEA,IAAI,KAAK;KACxB;kBAGH9C,6BAACkD,SAAS;IAACrD,IAAI,EAAE,EAAE;IAAEL,SAAS,EAAES,UAAU,CAAC,MAAM;IAAK,aAEhC,eACxBD;IAAKR,SAAS,EAAC;kBACbQ,6BAACsD,kCAAU,CAACQ,UAAU;IACpBC,eAAe,EAAC,kEAAkE;IAClFC,iBAAiB,EAAC,eAAe;IACjCxE,SAAS,EAAC;IACV,CACE,eACNQ,6BAACsD,kCAAU,CAACW,UAAU;IACpBzE,SAAS,EAAES,UAAU,CACnB,uIAAuI,EACvI;MACE,gBAAgB,EAAE6C,IAAI,KAAKD,UAAU,GAAG,CAAC;MACzC,YAAY,EAAEC,IAAI,KAAKD,UAAU,GAAG;KACrC;0BAIH7C,6BAACoD,UAAU;IAACvD,IAAI,EAAE,EAAE;IAAEL,SAAS,EAAES,UAAU,CAAC,MAAM;IAAK,CACjC,CACb;AAEjB,CAAC;;MCvFYiE,MAAM,GAAoB3E,IAAA;MAAC;IACtCsC,OAAO;IACPsC,cAAc;IACdC,iBAAiB;IACjBC,WAAW;IACX3E,WAAW;IACX4E;GACD,GAAA/E,IAAA;EAEC,MAAMgF,SAAS,GAAGC,gBAA8B;EAChD,MAAMC,KAAK,GAAGC,UAAwB;EAEtC,MAAMC,QAAQ,GAAGA,CACfvD,IAAkB,EAClBC,QAAgB,EAChBK,eAAuB;IAEvB,iBACEJ,oBAAc,CAAwCF,IAAI,CAAC,IAC3D,MAAM,IAAIA,IAAI,CAACG,KAAK,EACpB;MACA,oBAAOC,kBAAY,CAACJ,IAAI,EAAE;QACxBvB,IAAI,EAAEwB,QAAQ;QACd7B,SAAS,EAAES,UAAU,CAACmB,IAAI,CAACG,KAAK,CAAC/B,SAAS,EAAEkC,eAAe;OAC5D,CAAC;;IAEJ,OAAON,IAAI;GACZ;EAED,oBACEpB;IAAKR,SAAS,EAAES,UAAU,CAAC,uBAAuB,EAAEqE,KAAK;kBACvDtE,6BAAC4E,aAAO;IAACxC,KAAK,EAAE+B,cAAc,IAAIA,cAAc,CAAC/B,KAAK;IAAEyC,QAAQ,EAAET;KAC/DU,KAAA;IAAA,IAAC;MAAEC;KAAM,GAAAD,KAAA;IAAA,oBACR9E,yEACEA,6BAACgF,mBAAa;MAACxF,SAAS,EAAES,UAAU,CAAC,kIAAkI,EACnK,+JAA+J,EAC/J;QACE,+BAA+B,EAAEkE,cAAc;QAC/C,kCAAkC,EAAE,CAACA;OACtC,EACDG,KAAK;OACN5E,WAAW,kBACVM;MAAKR,SAAS,EAAC,8BAA8B;qBAAa;OACvDmF,QAAQ,CAACjF,WAAW,EAAE,EAAE,EAAEO,UAAU,CAAC,eAAe,CAAC,CAAC,CACnD,CACP,EACAkE,cAAc,GAAGA,cAAc,CAACc,KAAK,GAAGZ,WAAW,eACpDrE,6BAACuE,SAAS;MACR1E,IAAI,EAAE,EAAE;MACRL,SAAS,EAAES,UAAU,CACnB,kEAAkE,EAClE;QACE,aAAa,EAAE8E,IAAI;QACnB,SAAS,EAAET,KAAK;QAChB,QAAQ,EAAE,CAACA;OACZ;MAEH,CACY,eAChBtE,6BAACkF,oBAAc;MAAC1F,SAAS,EAAC;OACvBqC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,mBAC1BlC,6BAACmF,mBAAa;MAACC,EAAE,EAAEpF,cAAK,CAACqF,QAAQ;MAAElD,GAAG,EAAEF,MAAM,CAACG,KAAK;MAAEA,KAAK,EAAEH,MAAM,CAACG;OAC/DkD,KAAA;MAAA,IAAC;QAACjF,KAAK;QAAEkF;OAAS,GAAAD,KAAA;MAAA,oBACftF;QAAIR,SAAS,EAAES,UAAU,CAACA,UAAU,CACpC,+LAA+L,EAC/L;UACE,mDAAmD,EACjDI,KAAK;UACP,cAAc,EAAE6B,KAAK,KAAK,CAAC;UAC3B,cAAc,EAAEA,KAAK,KAAKL,OAAO,CAACQ,MAAM,GAAG;SAC5C,CACF;sBACCrC;QAAKR,SAAS,EAAC;SAAqByC,MAAM,CAACgD,KAAK,CAAO,EACtDM,QAAQ,iBAAIvF,6BAACyE,KAAK;QAACjF,SAAS,EAAC;QAA0C,CACvE;KACJ,CAEW,CACjB,CAAC,CACa,CAChB;GACJ,CACO,CACN;AAEV,CAAC;;ACxED,MAAMgG,wBAAwB,GAAsC;EAClEC,EAAE,EAAE,SAAS;EACb5G,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACb6B,EAAE,EAAE,SAAS;EACb8E,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE;CACL;AAED,MAAMC,uBAAuB,GAA0D;EACrFC,OAAO,EAAE,aAAa;EACtBC,MAAM,EAAE,aAAa;EACrBC,QAAQ,EAAE,eAAe;EACzBC,IAAI,EAAE;CACP;AAED,MAAaC,UAAU,GAAwB9G,IAAA;MAAC;IAC9CK,OAAO,GAAG,IAAI;IACd0G,YAAY,GAAG,SAAS;IACxBC,WAAW;IACX/G,SAAS;IACTC;GACD,GAAAF,IAAA;EACG,MAAMiH,0BAA0B,GAAGhB,wBAAwB,CAAC5F,OAAO,CAAC;EACpE,MAAM6G,yBAAyB,GAAGT,uBAAuB,CAACM,YAAY,CAAC;EAGzE,MAAMI,SAAS,GACb,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAACC,QAAQ,CAAC/G,OAAO,IAAI,GAAG,CAAC,GAAIA,OAAuC,GAAG,GAAG;EAEhH,oBACEI,6BAAC0G,SAAS;IACRlH,SAAS,EAAES,UAAU,CACnBuG,0BAA0B,EAC1BC,yBAAyB,EACzBjH,SAAS,EACT;MACI,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAACmH,QAAQ,CAAC/G,OAAO,CAAC;MACtD,4BAA4B,EAAE,CAAC2G;KAClC,EACDA,WAAW;KAGZ9G,QAAQ,CACC;AAEhB,CAAC;;AC7EM,MAAMmH,gBAAgB,GAAGA;EAC9B,MAAMnF,YAAY,GAAGA,CAACL,IAAkB,EAAEM,eAAuB;IAC/D,oBAAOJ,oBAAc,CAAyBF,IAAI,CAAC,gBAC/CI,kBAAY,CAACJ,IAAI,EAAE;MACjB5B,SAAS,EAAES,UAAU,CAACmB,IAAI,CAACG,KAAK,CAAC/B,SAAS,EAAEkC,eAAe;KAC5D,CAAC,GACFN,IAAI;GACT;EAED,OAAO;IAAEK;GAAc;AACzB,CAAC;;MCPYoF,SAAS,GAAuBtH,IAAA;MAAC;IAC5CoC,IAAI;IACJS,KAAK;IACL6C,KAAK;IACLZ,WAAW;IACXjF,KAAK;IACL0H,UAAU;IACVxG,QAAQ;IACRZ,WAAW;IACXC,YAAY;IACZoH,WAAW;IACXC;GACD,GAAAzH,IAAA;EACC,MAAM;IAAEkC;GAAc,GAAGmF,gBAAgB,EAAE;EAC3C,MAAMK,OAAO,GAAG,aAAa,CAAAhC,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEiC,WAAW,EAAE,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,KAAI,OAAO,EAAE;EAEnF,oBACEnH,0CACGiF,KAAK,kBACJjF;IAAOoH,OAAO,EAAEH;kBACdjH,6BAACqG,UAAU;IACTzG,OAAO,EAAC,IAAI;IACZ0G,YAAY,EAAC,QAAQ;IACrBC,WAAW,EAAC,+BAA+B;IAC3C/G,SAAS,EAAC;KAETyF,KAAK,CACK,CACP,CACT,eACDjF;IACER,SAAS,EAAES,UAAU,CAAC,UAAU,EAAE;MAAE,mBAAmB,EAAE8G;KAAa;kBAEtE/G;IAAKR,SAAS,EAAC;KACZE,WAAW,GAAG+B,YAAY,CAAC/B,WAAW,EAAE,eAAe,CAAC,gBAAGM,yCAAO,EAClEL,YAAY,IACX8B,YAAY,CACV9B,YAAY,EACZM,UAAU,CAAC;IAAE,gBAAgB,EAAEb,KAAK;IAAE,eAAe,EAAE,CAACA;GAAO,CAAC,CACjE,CACC,EACL2H,WAAW,kBACV/G,6BAACqG,UAAU;IACTzG,OAAO,EAAC,IAAI;IACZ0G,YAAY,EAAC,SAAS;IACtB9G,SAAS,EAAES,UAAU,CACnB,8HAA8H,EAC9H;MACE,6BAA6B,EAAEK,QAAQ;MACvC,kBAAkB,EAAE,CAACA;KACtB;KAGFyG,WAAW,CACD,CACd,eACD/G;IACEqH,EAAE,EAAEJ,OAAO;IACXtF,IAAI,EAAEA,IAAI;IACVS,KAAK,EAAEA,KAAK;IACZiC,WAAW,EAAEA,WAAW;IACxBQ,QAAQ,EAAEmC,YAAY;IACtB1G,QAAQ,EAAEA,QAAQ;IAClBd,SAAS,EAAES,UAAU,CACnB,2EAA2E,EAC3E;MACE,MAAM,EAAEP,WAAW;MACnB,MAAM,EAAEC,YAAY;MACpB,0BAA0B,EAAEoH,WAAW;MACvC,YAAY,EAAE,CAACA,WAAW;MAC1B,kLAAkL,EAChL,CAAC3H,KAAK;MACR,2EAA2E,EACzEA,KAAK;MACP,2BAA2B,EAAE,CAACkB,QAAQ;MACtC,6BAA6B,EAAEA;KAChC;IAEH,CACE,EACLlB,KAAK,kBACJY;IAAOR,SAAS,EAAC;KACdJ,KAAK,CACA,CACT,EACA0H,UAAU,kBACT9G;IAAOR,SAAS,EAAC;KACdsH,UAAU,CACL,CACT,CACG;AAEV,CAAC;;AC7FM,MAAMQ,UAAU,GAAwB/H,IAAA;MAAC;IAC9CgI,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPnF;GACD,GAAA/C,IAAA;EACC,oBACES;IACEmC,GAAG,EAAEsF,OAAO,CAACxC,KAAK;IAClBzF,SAAS,EAAES,UAAU,CAAC,eAAe,EAAE;MACrC,mDAAmD,EAAEuH;KACtD,CAAC;IACFlF,OAAO,EAAEA;kBAETtC,6BAACqG,UAAU;IACTzG,OAAO,EAAC,IAAI;IACZ0G,YAAY,EAAC,QAAQ;IACrBC,WAAW,EAAEtG,UAAU,CACrB,0DAA0D,EAC1D;MACE,+BAA+B,EAAE,CAACuH,QAAQ;MAC1C,kCAAkC,EAAEA;KACrC,CACF;IACDhI,SAAS,EAAES,UAAU,CAAC,WAAW,EAAE;MACjC,OAAO,EAAE,CAACsH,UAAU;MACpB,MAAM,EAAEA;KACT;KAEAE,OAAO,CAACxC,KAAK,CACH,CACV;AAET,CAAC;;ACnCM,MAAMyC,YAAY,GAAGA;EAC1B,MAAM/C,QAAQ,GAAGA,CACfvD,IAAkB,EAClBC,QAAgB,EAChBK,eAAuB;IAEvB,oBAAOJ,oBAAc,CAAwCF,IAAI,CAAC,gBAC9DI,kBAAY,CAACJ,IAAI,EAAE;MACjBvB,IAAI,EAAEwB,QAAQ;MACd7B,SAAS,EAAES,UAAU,CAACmB,IAAI,CAACG,KAAK,CAAC/B,SAAS,EAAEkC,eAAe;KAC5D,CAAC,GACFN,IAAI;GACT;EAED,OAAO;IAAEuD;GAAU;AACrB,CAAC;;ACTM,MAAMgD,OAAO,GAAoBpI,IAAA;MAAC;IACrCqI,IAAI;IACJJ,QAAQ;IACRK,gBAAgB;IAChB9C,IAAI;IACJ+C,YAAY;IACZxF;GACH,GAAA/C,IAAA;EACG,MAAM;IAAEoF;GAAU,GAAG+C,YAAY,EAAE;EAEnC,MAAMnD,SAAS,GAAGC,gBAA8B;EAEhD,oBACAxE,6BAAC+H,aAAO;IAAC5F,GAAG,EAAEyF,IAAI,CAAC3C,KAAK;IAAEzF,SAAS,EAAC;kBACpCQ,6BAACgI,mBAAa;IAAC5C,EAAE,EAAEpF,cAAK,CAACqF;kBACvBrF;IACER,SAAS,EAAES,UAAU,CAAC,eAAe,EAAE;MACrC,MAAM,EAAE8E,IAAI;MACZ,gBAAgB,EAAE,CAACA,IAAI;MACvB,mDAAmD,EAAEyC;KACtD,CAAC;IACFlF,OAAO,EAAEA,MAAMA,OAAO,CAACsF,IAAI;KAE1BjD,QAAQ,CAACiD,IAAI,CAACxG,IAAI,EAAE,EAAE,EAAEnB,UAAU,CAAC,0GAA0G,EAC1I;IACE,aAAa,EAAE2H,IAAI,CAACK,aAAa,IAAI,CAAClD,IAAI;IAC1C,eAAe,EAAE,CAACyC,QAAQ;IAC1B,kCAAkC,EAAEA;GACrC,CAAE,CAAC,eACRxH,yEACEA,6BAACqG,UAAU;IACTzG,OAAO,EAAC,IAAI;IACZ0G,YAAY,EAAC,QAAQ;IACrB9G,SAAS,EAAES,UAAU,CAAC,gBAAgB,EAAE;MACtC,kBAAkB,EAAE,CAAC8E;KACtB,CAAC;IACFwB,WAAW,EAAEtG,UAAU,CACrB,0DAA0D,EAC1D;MACE,+BAA+B,EAAE,CAACuH,QAAQ;MAC1C,kCAAkC,EAAEA;KACrC;KAGFI,IAAI,CAAC3C,KAAK,CACA,EACZ2C,IAAI,CAACM,QAAQ,IAAIN,IAAI,CAACM,QAAQ,CAAC7F,MAAM,GAAG,CAAC,iBACxCrC,6BAACuE,SAAS;IACR1E,IAAI,EAAE,EAAE;IACRL,SAAS,EAAES,UAAU,CACnB,0FAA0F,EAC1F;MACE,kBAAkB,EAAE,CAAC8E,IAAI;MACzB,eAAe,EAAE,CAACyC,QAAQ;MAC1B,kCAAkC,EAAEA,QAAQ;MAC5C,aAAa,EAAEM;KAChB;IAEH,IACA,IAAI,CACP,CACA,CACS,EAEfA,YAAY,IAAI/C,IAAI,IAAI6C,IAAI,CAACM,QAAQ,IAAIN,IAAI,CAACM,QAAQ,CAAC7F,MAAM,GAAG,CAAC,iBAChErC;IAAKR,SAAS,EAAC;KACZoI,IAAI,CAACM,QAAQ,CAAClG,GAAG,CAAEyF,OAAO,kBACzBzH,6BAACsH,UAAU;IACTnF,GAAG,EAAEsF,OAAO,CAACxC,KAAK;IAClBuC,QAAQ,EAAEK,gBAAgB,KAAKJ,OAAO,CAACxC,KAAK;IAC5CwC,OAAO,EAAEA,OAAO;IAChBnF,OAAO,EAAEA,MAAMA,OAAO,CAACsF,IAAI,EAAEH,OAAO,CAACxC,KAAK;IAC1C,CACH,CAAC,CACE,IACJ,IAAI,EAEP,CAACF,IAAI,IAAI6C,IAAI,CAACM,QAAQ,IAAIN,IAAI,CAACM,QAAQ,CAAC7F,MAAM,GAAG,CAAC,iBACjDrC,6BAACmI,kBAAY;IAAC3I,SAAS,EAAC;KACrBoI,IAAI,CAACM,QAAQ,CAAClG,GAAG,CAAEyF,OAAO,kBACzBzH,6BAACsH,UAAU;IACTnF,GAAG,EAAEsF,OAAO,CAACxC,KAAK;IAClBsC,UAAU;IACVC,QAAQ,EAAEK,gBAAgB,KAAKJ,OAAO,CAACxC,KAAK;IAC5CwC,OAAO,EAAEA,OAAO;IAChBnF,OAAO,EAAEA,MAAMA,OAAO,CAACsF,IAAI,EAAEH,OAAO,CAACxC,KAAK;IAC1C,CACH,CAAC,CACW,IACb,IAAI,CACA;AACX,CAAC;;AChGF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA,MAAMmD,UAAU,GAA0B;EACxCC,IAAI,EAAE,8cAA8c;EACpdC,EAAE,EAAE,qDAAqD;EACzDC,EAAE,EAAE,qDAAqD;EACzDC,EAAE,EAAE,qDAAqD;EACzDC,EAAE,EAAE,qDAAqD;EACzDC,EAAE,EAAE,qDAAqD;EACzDC,EAAE,EAAE,qDAAqD;EACzDC,EAAE,EAAE,qDAAqD;EACzDC,EAAE,EAAE;CACL;AAED,MAAaC,MAAM,GAAGV,UAAU;AAChC;;MCvBaW,UAAU,GAAGA,oBACtB/I;EAAKgJ,GAAG,EAAEF,MAAM,CAACT,IAAI;EAAE7I,SAAS,EAAC,qBAAqB;EAACyJ,GAAG,EAAC;EAAS,CACvE;AAED,MAAaC,OAAO,GAAG3J,IAAA;MAAC;IACpBC,SAAS;IACT2J,WAAW;IACXC,cAAc;IACdC,QAAQ;IACRC,KAAK;IACLvE,IAAI;IACJwE;GACW,GAAAhK,IAAA;EAGb,MAAMiK,MAAM,GAAGC,WAAyB;EACxC,MAAMC,MAAM,GAAGC,WAAyB;EAEtC,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG7J,cAAK,CAAC8J,QAAQ,CAAS,EAAE,CAAC;EAClE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGhK,cAAK,CAAC8J,QAAQ,CAAS,EAAE,CAAC;EACpE,MAAM,CAACjC,gBAAgB,EAAEoC,mBAAmB,CAAC,GAAGjK,cAAK,CAAC8J,QAAQ,CAAS,EAAE,CAAC;EAC1E,MAAM,CAACI,aAAa,EAAEC,gBAAgB,CAAC,GAAGnK,cAAK,CAAC8J,QAAQ,CAAW,EAAE,CAAC;EAEtE,MAAMM,YAAY,GAAIC,CAAsC;IACxDR,eAAe,CAACQ,CAAC,CAACC,MAAM,CAAClI,KAAK,CAAC;GAClC;EAED,MAAMmI,cAAc,GAAGA,CAAC3C,IAAc,EAAE4C,UAAmB;IACvD,IAAIA,UAAU,EAAE;MACdP,mBAAmB,CAACO,UAAU,CAAC;;IAEjC,IAAI,CAAC5C,IAAI,CAACK,aAAa,EAAE;MACvB+B,gBAAgB,CAACpC,IAAI,CAAC3C,KAAK,CAAC;KAC7B,MAAM,IAAI2C,IAAI,CAACK,aAAa,EAAE;MAC7BsB,OAAO,CAAC,CAACxE,IAAI,CAAC;;IAGhB,IAAI6C,IAAI,CAACM,QAAQ,IAAIgC,aAAa,CAACvD,QAAQ,CAACiB,IAAI,CAAC3C,KAAK,CAAC,IAAI,CAACuF,UAAU,EAAE;MACtEL,gBAAgB,CACdD,aAAa,CAACO,MAAM,CAAEC,YAAY,IAAKA,YAAY,KAAK9C,IAAI,CAAC3C,KAAK,CAAC,CACpE;KACF,MAAM,IAAI2C,IAAI,CAACM,QAAQ,IAAI,CAACgC,aAAa,CAACvD,QAAQ,CAACiB,IAAI,CAAC3C,KAAK,CAAC,EAAE;MAC/DkF,gBAAgB,CAAC,CAAC,GAAGD,aAAa,EAAEtC,IAAI,CAAC3C,KAAK,CAAC,CAAC;;GAErD;EAED,oBACIjF;mBACa,UAAU;IACrBR,SAAS,EAAES,UAAU,CACnB,8HAA8H,EAC9H;MACE,MAAM,EAAE8E,IAAI;MACZ,MAAM,EAAE,CAACA,IAAI;MACb,iDAAiD,EAAE;KACpD,EACDvF,SAAS;kBAGXQ;IAAKR,SAAS,EAAC;KACZuJ,UAAU,EAAE,eACb/I,6BAACqG,UAAU;IACTzG,OAAO,EAAC,IAAI;IACZJ,SAAS,EAAES,UAAU,CAAC,sCAAsC,EAAE;MAC5D,kBAAkB,EAAE,CAAC8E;KACtB,CAAC;IACFuB,YAAY,EAAC;cAGF,CACT,eAENtG;IAAKR,SAAS,EAAC;KACZuF,IAAI,iBACH/E,6BAAC6G,SAAS;IACRlF,IAAI,EAAC,MAAM;IACXS,KAAK,EAAEwH,YAAY;IACnB5C,YAAY,EAAEoD,YAAY;IAC1B/F,WAAW,EAAC,QAAQ;IACpB3E,WAAW,eAAEM,6BAAC0J,MAAM;IACpB,kBAEF1J;IAAKR,SAAS,EAAC;IAAS,CACzB,CACG,eAENQ;IACER,SAAS,EAAES,UAAU,CACnB,gDAAgD,EAChD;MACE,MAAM,EAAE,CAAC8E;KACV;kBAGH/E;IAAIR,SAAS,EAAC;KACX2J,WAAW,CAACnH,GAAG,CAAE4F,IAAI,kBACpB5H,6BAAC2H,OAAO;IACNxF,GAAG,EAAEyF,IAAI,CAAC3C,KAAK;IACf2C,IAAI,EAAEA,IAAI;IACVJ,QAAQ,EAAEuC,aAAa,KAAKnC,IAAI,CAAC3C,KAAK;IACtC4C,gBAAgB,EAAEA,gBAAgB;IAClC9C,IAAI,EAAEA,IAAI;IACV+C,YAAY,EAAEoC,aAAa,CAACvD,QAAQ,CAACiB,IAAI,CAAC3C,KAAK,CAAC;IAChD3C,OAAO,EAAEiI;IACT,CACH,CAAC,CACC,eACLvK;IAAIR,SAAS,EAAC;KACX4J,cAAc,CAACpH,GAAG,CAAE4F,IAAI,kBACvB5H,6BAAC2H,OAAO;IACNxF,GAAG,EAAEyF,IAAI,CAAC3C,KAAK;IACf2C,IAAI,EAAEA,IAAI;IACVJ,QAAQ,EAAEuC,aAAa,KAAKnC,IAAI,CAAC3C,KAAK;IACtC4C,gBAAgB,EAAEA,gBAAgB;IAClC9C,IAAI,EAAEA,IAAI;IACV+C,YAAY,EAAEoC,aAAa,CAACvD,QAAQ,CAACiB,IAAI,CAAC3C,KAAK,CAAC;IAChD3C,OAAO,EAAEiI;IACT,CACH,CAAC,CACC,CACD,eAENvK;IACER,SAAS,EAAES,UAAU,CACnB,sDAAsD,EACtD;MACE,MAAM,EAAE8E,IAAI;MACZ,MAAM,EAAE,CAACA;KACV;IAEH,eAEF/E;IAAKR,SAAS,EAAC;KACZuF,IAAI,iBACH/E;IAAKR,SAAS,EAAC;kBACbQ;IAAKR,SAAS,EAAC;kBACbQ,6BAACqG,UAAU;IACTzG,OAAO,EAAC,IAAI;IACZ0G,YAAY,EAAC,QAAQ;IACrBC,WAAW,EAAC;KAEX8C,QAAQ,CACE,eAEbrJ,6BAACqG,UAAU;IAACzG,OAAO,EAAC,IAAI;IAAC2G,WAAW,EAAC;KAClC+C,KAAK,CACK,CACT,eAENtJ,6BAACwJ,MAAM;IAAC3J,IAAI,EAAE,EAAE;IAAEL,SAAS,EAAC;IAAsC,CAC9D,IACJ,IAAI,CACJ,CACF;AAGd,CAAC;;MC9JYmL,YAAY,GAAuBpL,IAAA;EAAA,IAAC;IAAEwF,IAAI;IAAE6F;GAAY,GAAArL,IAAA;EAAA,oBACnES;IAAKR,SAAS,EAAC;KACZuJ,UAAU,EAAE,eACb/I,6BAACqG,UAAU;IAACzG,OAAO,EAAC,IAAI;IAAC0G,YAAY,EAAC,QAAQ;IAAC9G,SAAS,EAAC;cAE5C,eACbQ;IACE6K,IAAI,EAAC,QAAQ;IACbvG,KAAK,EAAC,IAAI;IACVwG,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClCxL,SAAS,EAAES,UAAU,CACnB,+IAA+I,EAC/I;MACE,WAAW,EAAE8E;KACd,CACF;mBACY,mBAAmB;IAChCzC,OAAO,EAAEsI;kBAET5K;IACEiL,CAAC,EAAC,8BAA8B;IAChCC,WAAW,EAAC,GAAG;IACfC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;IACf,CACE,CACF;AAAA,CACP;;MClCYC,MAAM,GAAa,CAC9B;EACE1I,OAAO,EAAE,WAAW;EACpBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,YAAY;EACrBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,eAAe;EACxBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,eAAe;EACxBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,aAAa;EACtBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,cAAc;EACvBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,cAAc;EACvBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,cAAc;EACvBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,cAAc;EACvBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,cAAc;EACvBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,cAAc;EACvBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,cAAc;EACvBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,cAAc;EACvBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,cAAc;EACvBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,eAAe;EACxBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,eAAe;EACxBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,eAAe;EACxBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,eAAe;EACxBF,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,EACD;EACEC,OAAO,EAAE,gBAAgB;EACzBF,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE;CACN,CACF;;AC7QD,MAAM4I,aAAa,GAAe,CAChC;EACEC,IAAI,EAAE,WAAW;EACjBC,UAAU,EAAE;CACb,EACD;EACED,IAAI,EAAE,WAAW;EACjBC,UAAU,EAAE;CACb,EACD;EACED,IAAI,EAAE,MAAM;EACZC,UAAU,EAAE;CACb,EACD;EACED,IAAI,EAAE,QAAQ;EACdC,UAAU,EAAE;CACb,EACD;EACED,IAAI,EAAE,OAAO;EACbC,UAAU,EAAE;CACb,EACD;EACED,IAAI,EAAE,YAAY;EAClBC,UAAU,EAAE;CACb,EACD;EACED,IAAI,EAAE,QAAQ;EACdC,UAAU,EAAE;CACb,EACD;EACED,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE;CACb,CACF;AAED,MAAaC,SAAS,gBAAcH,aAAa,CAACtJ,GAAG,CAAE0J,OAAO,KAAM;EAClEtJ,KAAK,EAAEsJ,OAAO,CAACF,UAAU;EACzBvG,KAAK,gBACHjF,yEACEA;IACEgJ,GAAG,EAAEF,MAAM,CAAC4C,OAAO,CAACF,UAAU,CAAC;IAC/BvC,GAAG,EAAEyC,OAAO,CAACF,UAAU,CAACtE,WAAW,EAAE;IACrC1H,SAAS,EAAC;IACV,EAAC,GAAG,EACL,GAAGkM,OAAO,CAACH,IAAI,KAAKG,OAAO,CAACF,UAAU,EAAE,CACxC;CAEN,CAAC,CAAC;;MCtDUG,MAAM,GAAc,CAC/B;EACE1G,KAAK,EAAE,WAAW;EAClB7C,KAAK,EAAE;CACR,EACD;EACE6C,KAAK,EAAE,UAAU;EACjB7C,KAAK,EAAE;CACR,EACD;EACE6C,KAAK,EAAE,UAAU;EACjB7C,KAAK,EAAE;CACR,EACD;EACE6C,KAAK,EAAE,WAAW;EAClB7C,KAAK,EAAE;CACR,EACD;EACE6C,KAAK,EAAE,WAAW;EAClB7C,KAAK,EAAE;CACR,EACD;EACE6C,KAAK,EAAE,WAAW;EAClB7C,KAAK,EAAE;CACR,EACD;EACE6C,KAAK,EAAE,WAAW;EAClB7C,KAAK,EAAE;CACR,EACD;EACE6C,KAAK,EAAE,WAAW;EAClB7C,KAAK,EAAE;CACR,CACF;;ACtBD,MAAMwJ,IAAI,GAAGC,SAAuB;AACpC,MAAMC,MAAM,GAAGC,WAAyB;AACxC,MAAMC,QAAQ,GAAGC,aAA2B;AAC5C,MAAMC,IAAI,GAAGC,SAAuB;AACpC,MAAMC,MAAM,GAAGC,WAAyB;AACxC,MAAMC,WAAW,GAAGC,gBAA8B;AAClD,MAAMC,QAAQ,GAAGC,cAA4B;AAC7C,MAAMvJ,SAAS,GAAGC,cAA4B;AAE9C,MAAagG,WAAW,GAAe,CACrC;EACEuD,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE,MAAM;EACZ1H,KAAK,EAAE,MAAM;EACb7D,IAAI,eAAEpB,6BAAC4L,IAAI;CACZ,EACD;EACEc,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE,WAAW;EACjB1H,KAAK,EAAE,WAAW;EAClB7D,IAAI,eAAEpB,6BAACwM,QAAQ,OAAG;EAClBtE,QAAQ,EAAE,CACR;IACEwE,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,WAAW;IACjB1H,KAAK,EAAE;GACR,EACD;IACEyH,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,MAAM;IACZ1H,KAAK,EAAE;GACR,EACD;IACEyH,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,OAAO;IACb1H,KAAK,EAAE;GACR;CAEJ,EACD;EACEyH,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE,UAAU;EAChB1H,KAAK,EAAE,UAAU;EACjB7D,IAAI,eAAEpB,6BAAC8L,MAAM;CACd,EACD;EACEY,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE,OAAO;EACb1H,KAAK,EAAE,OAAO;EACd7D,IAAI,eAAEpB,6BAACsM,WAAW;CACnB,EACD;EACEI,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE,WAAW;EACjB1H,KAAK,EAAE,WAAW;EAClB7D,IAAI,eAAEpB,6BAACkM,IAAI;CACZ,EACD;EACEQ,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE,SAAS;EACf1H,KAAK,EAAE,SAAS;EAChB7D,IAAI,eAAEpB,6BAACoM,MAAM,OAAG;EAChBlE,QAAQ,EAAE,CACR;IACEwE,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,KAAK;IACX1H,KAAK,EAAE;GACR,EACD;IACEyH,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,SAAS;IACf1H,KAAK,EAAE;GACR,EACD;IACEyH,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,QAAQ;IACd1H,KAAK,EAAE;GACR;CAEJ,CACF;AAED,MAAamE,cAAc,GAAe,CACxC;EACEsD,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE,UAAU;EAChB1H,KAAK,EAAE,UAAU;EACjB7D,IAAI,eAAEpB,6BAACgM,QAAQ;CAChB,EACD;EACEU,KAAK,EAAE,CAAC;EACRzH,KAAK,EAAE,cAAc;EACrB7D,IAAI,eAAEpB,6BAACkD,SAAS,OAAG;EACnB+E,aAAa,EAAE;CAChB,CACF;;ACvGD,MAAM2E,MAAM,GAAGC,WAAyB;AAExC,MAAMC,IAAI,GAAGC,SAAuB;AAEpC,MAAMC,IAAI,GAAGC,SAAuB;AAEpC,MAAaC,QAAQ,GAAkB,CACrC;EAAE9K,KAAK,EAAE,SAAS;EAAEG,OAAO,EAAE;CAAW,EACxC;EAAEH,KAAK,EAAE,QAAQ;EAAEG,OAAO,EAAE;CAAU,EACtC;EAAEH,KAAK,EAAE,UAAU;EAAEG,OAAO,EAAE;CAAY,CAC3C;AAED,MAAa4K,QAAQ,GAAkB,CACrC;EACE/K,KAAK,EAAE,OAAO;EACdG,OAAO,gBACLvC,yEACEA,wDAAMA,6BAAC4M,MAAM;IAAC/M,IAAI,EAAE,EAAE;IAAEL,SAAS,EAAC;IAAQ,CAAO,UAEhD;CAEN,EACD;EACE4C,KAAK,EAAE,QAAQ;EACfG,OAAO,gBACLvC,yEACEA,wDAAMA,6BAAC4M,MAAM;IAAC/M,IAAI,EAAE,EAAE;IAAEL,SAAS,EAAC;IAAQ,CAAO,WAEhD;CAEN,EACD;EACE4C,KAAK,EAAE,OAAO;EACdG,OAAO,gBACLvC,yEACEA,wDAAMA,6BAAC4M,MAAM;IAAC/M,IAAI,EAAE,EAAE;IAAEL,SAAS,EAAC;IAAQ,CAAO,UAEhD;CAEN,CACF;AAED,MAAa4N,QAAQ,GAAkB,CACrC;EAAChL,KAAK,EAAC,MAAM;EAAEG,OAAO,eAACvC,6BAAC8M,IAAI;IAACjN,IAAI,EAAE;;CAAM,EACzC;EAACuC,KAAK,EAAC,MAAM;EAAEG,OAAO,eAACvC,6BAACgN,IAAI;IAACnN,IAAI,EAAE;;CAAM,CAC1C;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/box-ui.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),a=e(t),r=e(require("classnames")),l=require("react-headless-pagination"),s=require("react-icons/fi"),o=require("@headlessui/react");const n={sm:"badge-sm",md:"badge-md",lg:"badge-lg"},c={gray:"badge-gray",primary:"badge-primary",warning:"badge-warning",error:"badge-error",success:"badge-success"},i={primary:{default:"btn-primary",hover:"btn-primary-hover",focus:"btn-primary-focus shadow-grayDark",disabled:"btn-primary-disabled"},secondary:{default:"btn-secondary",hover:"btn-secondary-hover",focus:"btn-secondary-focus shadow-grayDark",disabled:"btn-secondary-disabled"},secondaryGray:{default:"btn-secondaryGray",hover:"btn-secondaryGray-hover",focus:"btn-secondaryGray-focus shadow-grayDark",disabled:"btn-secondaryGray-disabled"},tertiary:{default:"btn-tertiary",hover:"btn-tertiary-hover",focus:"btn-tertiary-focus shadow-grayDark",disabled:"btn-tertiary-disabled"},tertiaryGray:{default:"btn-tertiaryGray",hover:"btn-tertiaryGray-hover",focus:"btn-tertiaryGray-focus shadow-grayDark",disabled:"btn-tertiaryGray-disabled"}},g={sm:"btn-sm",md:"btn-md",lg:"btn-lg",xl:"btn-xl","2xl":"btn-2xl"},m={sm:"btn-icon-sm",md:"btn-icon-md",lg:"btn-icon-lg",xl:"btn-icon-xl","2xl":"btn-icon-2xl"},d={xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl",h6:"text-h6",h5:"text-h5",h4:"text-h4",h3:"text-h3",h2:"text-h2",h1:"text-h1"},b={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},u=e=>{let{variant:t="md",customWeight:l="regular",customColor:s,className:o,children:n}=e;const c=d[t],i=b[l],g=["h1","h2","h3","h4","h5","h6"].includes(t??"p")?t:"p";return a.createElement(g,{className:r(c,i,o,{"tracking-tight":["h1","h2","h3"].includes(t),"text-black dark:text-white":!s},s)},n)},h=e=>{let{type:l,value:s,label:o,placeholder:n,error:c,helperText:i,disabled:g,LeadingIcon:m,TrailingIcon:d,leadingText:b,handleChange:h}=e;const{setClassName:x}={setClassName:(e,a)=>t.isValidElement(e)?t.cloneElement(e,{className:r(e.props.className,a)}):e};return a.createElement("div",null,o&&a.createElement(u,{variant:"sm",customWeight:"medium",customColor:"text-gray-700 dark:text-white",className:"mb-1.5"},o),a.createElement("div",{className:r("relative",{"flex items-center":b})},a.createElement("div",{className:"h-11 absolute shadow-sm rounded-lg w-full flex justify-between items-center px-3.5 pointer-events-none"},m?x(m,"text-gray-500"):a.createElement("div",null),d&&x(d,r({"text-error-500":c,"text-gray-400":!c}))),b&&a.createElement(u,{variant:"sm",customWeight:"regular",className:r("flex items-center h-11 text-lg text-gray-500 pl-3.5 pr-3 border border-r-0 rounded-l-lg border-gray-300 dark:border-gray-500",{"bg-gray-50 dark:bg-gray-700":g,"dark:bg-gray-800":!g})},b),a.createElement("input",{type:l,value:s,placeholder:n,onChange:h,disabled:g,className:r("w-full select-none text-gray-900 dark:text-white text-md border h-11 px-2",{"pl-9":m,"pr-9":d,"rounded-l-0 rounded-r-lg":b,"rounded-lg":!b,"border-gray-300 dark:border-gray-500 focus:ring-4 focus:border-primary-300 dark:focus:border-gray-100 focus:ring-primary-100 dark:focus:ring-gray-100 dark:focus:ring-opacity-20":!c,"border-error-300 focus:ring-4 focus:border-error-300 focus:ring-error-100":c,"bg-white dark:bg-gray-800":!g,"bg-gray-50 dark:bg-gray-700":g})})),c&&a.createElement(u,{variant:"sm",customWeight:"regular",className:"mt-1.5 text-error-500"},c),i&&a.createElement(u,{variant:"sm",customWeight:"regular",className:"mt-1.5 text-gray-500"},i))},x=e=>{let{inDropdown:t,isActive:l,subItem:s,onClick:o}=e;return a.createElement("li",{key:s.label,className:r("navItem group",{"bg-primary-50 dark:bg-gray-100 dark:bg-opacity-10":l}),onClick:o},a.createElement(u,{variant:"md",customWeight:"medium",customColor:r("group-hover:text-primary-600 dark:group-hover:text-white",{"text-gray-800 dark:text-white":!l,"text-primary-600 dark:text-white":l}),className:r("flex-grow",{"pl-13":!t,"pl-4":t})},s.label))},p=e=>{let{item:l,isActive:n,activeSubNavItem:c,open:i,openDropdown:g,onClick:m}=e;const{setProps:d}={setProps:(e,a,l)=>t.isValidElement(e)?t.cloneElement(e,{size:a,className:r(e.props.className,l)}):e},b=s.FiChevronDown;return a.createElement(o.Popover,{key:l.label,className:"relative"},a.createElement(o.PopoverButton,{as:a.Fragment},a.createElement("li",{className:r("navItem group",{"px-4":i,"ml-2 px-2 w-10":!i,"bg-primary-50 dark:bg-gray-100 dark:bg-opacity-10":n}),onClick:()=>m(l)},d(l.icon,24,r("group-hover:text-primary-600 dark:group-hover:text-white dark:text-white transform duration-100 ease-out",{"-rotate-180":l.toggleSidebar&&!i,"text-gray-900":!n,"text-primary-600 dark:text-white":n})),a.createElement(a.Fragment,null,a.createElement(u,{variant:"md",customWeight:"medium",className:r("flex-grow ml-3",{"opacity-0 hidden":!i}),customColor:r("group-hover:text-primary-600 dark:group-hover:text-white",{"text-gray-800 dark:text-white":!n,"text-primary-600 dark:text-white":n})},l.label),l.subItems&&l.subItems.length>0?a.createElement(b,{size:20,className:r("group-hover:text-primary-600 dark:group-hover:text-white transform duration-100 ease-out",{"opacity-0 hidden":!i,"text-gray-400":!n,"text-primary-600 dark:text-white":n,"-rotate-180":g})}):null))),g&&i&&l.subItems&&l.subItems.length>0?a.createElement("div",{className:"my-2 space-y-1"},l.subItems.map(e=>a.createElement(x,{key:e.label,isActive:c===e.label,subItem:e,onClick:()=>m(l,e.label)}))):null,!i&&l.subItems&&l.subItems.length>0?a.createElement(o.PopoverPanel,{className:"absolute z-50 px-4 py-3 ml-5 space-y-1 bg-white rounded-lg shadow-md -top-3 left-19 w-58 dark:bg-gray-900"},l.subItems.map(e=>a.createElement(x,{key:e.label,inDropdown:!0,isActive:c===e.label,subItem:e,onClick:()=>m(l,e.label)}))):null)},y={logo:"https://media-hosting.imagekit.io/0ec1ca8b900e4e8b/logo.svg?Expires=1838348369&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=pCHsmoIdugCAGgRQuivkSFGORbcd0DMZjw-l9LQlxqEs77-19RpmN8TrGsMdYdKwLic46nDsKt44NPaRyu~mxJDKX7I0acu5x53nLqrjh-fs6s8VATv5eHASNeV83rLF3LXgXwMkXubchLy79xPaEHKlRlvJgcqrjZd3cE4C8QXC0KIG4dSjtkd0rECwtweKFuh1BrJIwcKIxiu5cEJUKgDvi4TUS22KVFh4c52c9CjBGa0ulrxxyZHMj2eXff-uQBkecyW-QYillwmsuz2i5PFf6Ud~9JZ2xYOBWwrq4VRSY-8p~c6Czqagg-w6gqyk-3xEM-f-cDfor~11~xwtTg__",IN:"https://kapowaz.github.io/circle-flags/flags/in.svg",BE:"https://kapowaz.github.io/circle-flags/flags/be.svg",DE:"https://kapowaz.github.io/circle-flags/flags/de.svg",FR:"https://kapowaz.github.io/circle-flags/flags/fr.svg",IT:"https://kapowaz.github.io/circle-flags/flags/it.svg",NL:"https://kapowaz.github.io/circle-flags/flags/nl.svg",RU:"https://kapowaz.github.io/circle-flags/flags/ru.svg",US:"https://kapowaz.github.io/circle-flags/flags/us.svg"},v=()=>a.createElement("img",{src:y.logo,className:"w-8 h-8 select-none",alt:"logo"}),E=[{city:"Ahmedabad",countryISO:"IN"},{city:"Amsterdam",countryISO:"NL"},{city:"Rome",countryISO:"IT"},{city:"Berlin",countryISO:"DE"},{city:"Paris",countryISO:"FR"},{city:"Washington",countryISO:"US"},{city:"Moscow",countryISO:"RU"},{city:"Brussels",countryISO:"BE"}].map(e=>({value:e.countryISO,label:a.createElement(a.Fragment,null,a.createElement("img",{src:y[e.countryISO],alt:e.countryISO.toLowerCase(),className:"w-5 h-5 mr-2"})," ",`${e.city}, ${e.countryISO}`)})),f=s.FiLayers,w=s.FiSettings,k=s.FiFlag,C=s.FiMapPin,N=s.FiCheckSquare,F=s.FiBarChart2,I=s.FiArrowLeft,D=[{order:0,path:"home",label:"Home",icon:a.createElement(s.FiHome,null)},{order:1,path:"dashboard",label:"Dashboard",icon:a.createElement(F,null),subItems:[{order:0,path:"analytics",label:"Analytics"},{order:1,path:"apps",label:"Apps"},{order:2,path:"learn",label:"Learn"}]},{order:2,path:"projects",label:"Projects",icon:a.createElement(f,null)},{order:3,path:"tasks",label:"Tasks",icon:a.createElement(N,null)},{order:4,path:"reporting",label:"Reporting",icon:a.createElement(k,null)},{order:5,path:"rentals",label:"Rentals",icon:a.createElement(C,null),subItems:[{order:0,path:"all",label:"All rentals"},{order:1,path:"popular",label:"Popular"},{order:2,path:"recent",label:"Recently added"}]}],S=[{order:0,path:"settings",label:"Settings",icon:a.createElement(w,null)},{order:1,label:"Close Navbar",icon:a.createElement(I,null),toggleSidebar:!0}],A=s.FiCircle,B=s.FiList,P=s.FiGrid,z=[{value:"first",content:a.createElement(a.Fragment,null,a.createElement("span",null,a.createElement(A,{size:20,className:"mr-2"})),"First")},{value:"second",content:a.createElement(a.Fragment,null,a.createElement("span",null,a.createElement(A,{size:20,className:"mr-2"})),"Second")},{value:"third",content:a.createElement(a.Fragment,null,a.createElement("span",null,a.createElement(A,{size:20,className:"mr-2"})),"Third")}],L=[{value:"list",content:a.createElement(B,{size:20})},{value:"grid",content:a.createElement(P,{size:20})}];exports.Badge=e=>{let{className:t,children:l,LeadingIcon:s,TrailingIcon:o,variant:i,size:g}=e;return a.createElement("div",{className:r("badge-base",n[g],c[i],t)},s&&a.createElement("span",{className:"mr-1.5"},s),l,o&&a.createElement("span",{className:"mr-1.5"},o))},exports.Button=e=>{let{children:l,className:s,variant:o="primary",size:n="md",disabled:c,LeadingIcon:d,TrailingIcon:b,IconOnly:u,...h}=e;const x=i[o],p=(e,a)=>t.isValidElement(e)?t.cloneElement(e,{className:r(e.props.className,a)}):e;return a.createElement("button",Object.assign({type:"button",className:r("btn-base",s,{[g[n]]:!u,[r(m[n],"justify-center")]:u,[r(x.default,x.hover,x.focus)]:!c,[r(x.disabled,"cursor-not-allowed")]:c})},h),d&&a.createElement("span",null,p(d,r({"mr-2":"2xl"!==n,"mr-3":"2xl"===n}))),l,u&&a.createElement("span",null,t.isValidElement(y=u)&&"size"in y.props?t.cloneElement(y,{size:20}):y),b&&a.createElement("span",null,p(b,r({"ml-2":"2xl"!==n,"ml-3":"2xl"===n}))));var y},exports.ButtonGroup=e=>{let{options:t,activeOption:l,setActiveOption:s}=e;return a.createElement("div",null,t.map((e,o)=>a.createElement("button",{key:e.value,className:r("inline-flex whitespace-nowrap items-center h-10 px-4 font-medium text-center text-sm focus:outline-none hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-white border border-gray-300 dark:border-gray-500",{"rounded-l-lg":0===o,"rounded-r-lg":o===t.length-1,"bg-gray-50 dark:bg-gray-700":l===e.value,"border-r-0":0!==o&&o!==t.length-1}),onClick:()=>s(e.value)},e.content)))},exports.ColorBox=e=>{let{code:t,hex:r,bgClass:l}=e;return a.createElement("div",{key:l,className:"flex flex-col rounded-lg shadow-lg w-26 h-39 dark:bg-white"},a.createElement("div",{className:`h-20 ${l} rounded-t-lg`}),a.createElement("div",{className:"mx-3 my-3"},t,a.createElement("br",null),r))},exports.MobileNavbar=e=>{let{open:t,toggleOpen:l}=e;return a.createElement("div",{className:"z-40 flex items-center justify-between h-20 py-6 bg-white shadow-md dark:bg-gray-900 px-9"},v(),a.createElement(u,{variant:"h6",customWeight:"medium",className:"select-none"},"Box UI"),a.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",className:r("text-gray-500 transition-all duration-100 ease-out cursor-pointer stroke-current hover:text-gray-900 dark:text-white dark:hover:text-gray-200",{"opacity-0":t}),onClick:l},a.createElement("path",{d:"M4 16H22.6667M4 8H28M4 24H28",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})))},exports.Paginate=e=>{let{totalPages:t,page:o,isMobile:n,className:c,setPage:i}=e;const g=e=>{i(e)},m=s.FiArrowLeft,d=s.FiArrowRight;return n?a.createElement("div",{className:r("flex w-full h-10 items-center",c)},a.createElement(m,{size:20,className:r("mr-3 text-gray-500 dark:text-white",{"cursor-pointer":0!==o,"opacity-50":0===o}),onClick:()=>{o>0&&g(o-1)}}),a.createElement("div",{className:"flex justify-center flex-grow text-sm text-gray-700 select-none dark:text-white"},`Page ${o} of ${t}`),a.createElement(d,{size:20,className:r("ml-3 text-gray-500 dark:text-white",{"cursor-pointer":o!==t-1,"opacity-50":o===t-1}),onClick:()=>{o<t-1&&g(o+1)}})):a.createElement(l.Pagination,{className:r("flex w-full items-center h-10 text-sm select-none",c),currentPage:o,totalPages:t,edgePageCount:2,setCurrentPage:g,truncableText:"...",middlePagesSiblingCount:2,truncableClassName:"w-10 px-0.5 text-center dark:text-gray-500"},a.createElement(l.Pagination.PrevButton,{className:r("h-10 font-medium flex items-center mr-2 text-gray-500 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 focus:outline-none",{"cursor-pointer":0!==o,"opacity-50":0===o})},a.createElement(m,{size:20,className:r("mr-3")}),"Previous"),a.createElement("div",{className:"flex items-center justify-center flex-grow list-none"},a.createElement(l.Pagination.PageButton,{activeClassName:"bg-primary-50 dark:bg-opacity-0 text-primary-600 dark:text-white",inactiveClassName:"text-gray-500",className:"flex items-center justify-center h-10 w-10 rounded-full cursor-pointer font-medium"})),a.createElement(l.Pagination.NextButton,{className:r("h-10 font-medium flex items-center mr-2 text-gray-500 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 focus:outline-none",{"cursor-pointer":o!==t-1,"opacity-50":o===t-1})},"Next",a.createElement(d,{size:20,className:r("ml-3")})))},exports.Select=e=>{let{options:l,selectedOption:n,setSelectedOption:c,placeholder:i,LeadingIcon:g,width:m}=e;const d=s.FiChevronDown,b=s.FiCheck;return a.createElement("div",{className:r("relative inline-block",m)},a.createElement(o.Listbox,{value:n&&n.value,onChange:c},e=>{let{open:s}=e;return a.createElement(a.Fragment,null,a.createElement(o.ListboxButton,{className:r("shadow-sm flex items-center text-md border border-gray-300 dark:border-gray-500 h-11 px-3.5 rounded-lg bg-white dark:bg-gray-800","focus:ring-4 focus:border-primary-300 dark:focus:border-gray-100 focus:ring-primary-100 dark:focus:ring-gray-100 dark:focus:ring-opacity-20 whitespace-nowrap",{"text-gray-900 dark:text-white":n,"text-gray-500 dark:text-gray-300":!n},m)},g&&a.createElement("div",{className:"w-5 h-5 mr-2 overflow-hidden"},(c=g,u=r("text-gray-400"),t.isValidElement(c)&&"size"in c.props?t.cloneElement(c,{size:20,className:r(c.props.className,u)}):c)),n?n.label:i,a.createElement(d,{size:20,className:r("text-gray-500 dark:text-gray-300 transform duration-100 ease-out",{"-rotate-180":s,"ml-auto":m,"ml-3.5":!m})})),a.createElement(o.ListboxOptions,{className:"absolute z-10 inline-flex flex-col w-full bg-white border border-gray-300 rounded-lg shadow-lg top-13 dark:border-gray-500 dark:bg-gray-800"},null==l?void 0:l.map((e,t)=>a.createElement(o.ListboxOption,{as:a.Fragment,key:e.value,value:e.value},s=>{let{focus:o,selected:n}=s;return a.createElement("li",{className:r(r("flex items-center pl-3.5 pr-3 justify-between h-11 text-gray-900 dark:text-white text-md cursor-pointer hover:bg-primary-25 dark:hover:bg-gray-100 dark:hover:bg-opacity-10 whitespace-nowrap",{"bg-primary-25 dark:bg-gray-100 dark:bg-opacity-10":o,"rounded-t-lg":0===t,"rounded-b-lg":t===l.length-1}))},a.createElement("div",{className:"flex items-center"},e.label),n&&a.createElement(b,{className:"ml-5 text-primary-600 dark:text-white"}))}))));var c,u}))},exports.SideNav=e=>{let{className:t,navItemsTop:l,navItemsBottom:o,username:n,email:c,open:i,setOpen:g}=e;const m=s.FiLogOut,d=s.FiSearch,[b,x]=a.useState(""),[y,E]=a.useState(""),[f,w]=a.useState(""),[k,C]=a.useState([]),N=(e,t)=>{t&&w(t),e.toggleSidebar?e.toggleSidebar&&g(!i):E(e.label),e.subItems&&k.includes(e.label)&&!t?C(k.filter(t=>t!==e.label)):e.subItems&&!k.includes(e.label)&&C([...k,e.label])};return a.createElement("div",{className:r("py-6 flex flex-col flex-grow bg-white dark:bg-gray-900 transform ease-out duration-100 overflow-y-auto xs:overflow-y-visible",{"w-80":i,"w-24":!i,"border-r border-gray-300 dark:border-opacity-20":!0},t)},a.createElement("div",{className:"flex items-center w-full mb-8 ml-9"},v(),a.createElement(u,{variant:"xl",className:r("ml-2.5 whitespace-nowrap select-none",{"opacity-0 hidden":!i}),customWeight:"medium"},"Box UI")),a.createElement("div",{className:"mb-8 mx-9"},i?a.createElement(h,{type:"text",value:b,handleChange:e=>{x(e.target.value)},placeholder:"Search",LeadingIcon:a.createElement(d,null)}):a.createElement("div",{className:"h-11"})),a.createElement("div",{className:r("flex flex-col justify-between h-full ml-5 w-70",{"w-14":!i})},a.createElement("ul",{className:"flex flex-col space-y-1"},l.map(e=>a.createElement(p,{key:e.label,item:e,isActive:y===e.label,activeSubNavItem:f,open:i,openDropdown:k.includes(e.label),onClick:N}))),a.createElement("ul",{className:"flex flex-col mb-6 space-y-1"},o.map(e=>a.createElement(p,{key:e.label,item:e,isActive:y===e.label,activeSubNavItem:f,open:i,openDropdown:k.includes(e.label),onClick:N})))),a.createElement("hr",{className:r("ml-5 border-t border-gray-300 dark:border-opacity-20",{"w-70":i,"w-14":!i})}),a.createElement("div",{className:"flex mt-6 w-70 ml-7"},i?a.createElement("div",{className:"flex justify-between ml-3"},a.createElement("div",{className:"select-none"},a.createElement(u,{variant:"sm",customWeight:"medium",customColor:"text-gray-700 dark:text-white"},n),a.createElement(u,{variant:"sm",customColor:"text-gray-500"},c)),a.createElement(m,{size:24,className:"ml-6 text-gray-400 cursor-pointer"})):null))},exports.TextInput=h,exports.Typography=u,exports.colors=[{bgClass:"bg-gray-2",code:25,hex:"#FCFCF"},{bgClass:"bg-gray-50",code:50,hex:"#F9FAFB"},{bgClass:"bg-gray-100",code:100,hex:"#F2F4F7"},{bgClass:"bg-gray-200",code:200,hex:"#E4E7EC"},{bgClass:"bg-gray-300",code:300,hex:"#D0D5DD"},{bgClass:"bg-gray-400",code:400,hex:"#98A2B3"},{bgClass:"bg-gray-500",code:500,hex:"#667085"},{bgClass:"bg-gray-600",code:600,hex:"#475467"},{bgClass:"bg-gray-700",code:700,hex:"#344054"},{bgClass:"bg-gray-800",code:800,hex:"#1D2939"},{bgClass:"bg-gray-900",code:900,hex:"#101828"},{bgClass:"bg-primary-25",code:25,hex:"#F5FAFF"},{bgClass:"bg-primary-50",code:50,hex:"#EFF8FF"},{bgClass:"bg-primary-100",code:100,hex:"#D1E9FF"},{bgClass:"bg-primary-200",code:200,hex:"#B2DDFF"},{bgClass:"bg-primary-300",code:300,hex:"#84CAFF"},{bgClass:"bg-primary-400",code:400,hex:"#53B1FD"},{bgClass:"bg-primary-500",code:500,hex:"#2E90FA"},{bgClass:"bg-primary-600",code:600,hex:"#1570EF"},{bgClass:"bg-primary-700",code:700,hex:"#175CD3"},{bgClass:"bg-primary-800",code:800,hex:"#1849A9"},{bgClass:"bg-primary-900",code:900,hex:"#194185"},{bgClass:"bg-error-25",code:25,hex:"#FFFBFA"},{bgClass:"bg-error-50",code:50,hex:"#FEF3F2"},{bgClass:"bg-error-100",code:100,hex:"#FEE4E2"},{bgClass:"bg-error-200",code:200,hex:"#FECDCA"},{bgClass:"bg-error-300",code:300,hex:"#FDA29B"},{bgClass:"bg-error-400",code:400,hex:"#F97066"},{bgClass:"bg-error-500",code:500,hex:"#F04438"},{bgClass:"bg-error-600",code:600,hex:"#D92D20"},{bgClass:"bg-error-700",code:700,hex:"#B42318"},{bgClass:"bg-error-800",code:800,hex:"#912018"},{bgClass:"bg-error-900",code:900,hex:"#7A271A"},{bgClass:"bg-warning-25",code:25,hex:"#FFFCF5"},{bgClass:"bg-warning-50",code:50,hex:"#FFFAEB"},{bgClass:"bg-warning-100",code:100,hex:"#FEF0C7"},{bgClass:"bg-warning-200",code:200,hex:"#FEDF89"},{bgClass:"bg-warning-300",code:300,hex:"#FEC84B"},{bgClass:"bg-warning-400",code:400,hex:"#FDB022"},{bgClass:"bg-warning-500",code:500,hex:"#F79009"},{bgClass:"bg-warning-600",code:600,hex:"#DC6803"},{bgClass:"bg-warning-700",code:700,hex:"#B54708"},{bgClass:"bg-warning-800",code:800,hex:"#93370D"},{bgClass:"bg-warning-900",code:900,hex:"#7A2E0E"},{bgClass:"bg-success-25",code:25,hex:"#F6FEF9"},{bgClass:"bg-success-50",code:50,hex:"#ECFDF3"},{bgClass:"bg-success-100",code:100,hex:"#D1FADF"},{bgClass:"bg-success-200",code:200,hex:"#A6F4C5"},{bgClass:"bg-success-300",code:300,hex:"#6CE9A6"},{bgClass:"bg-success-400",code:400,hex:"#32D583"},{bgClass:"bg-success-500",code:500,hex:"#12B76A"},{bgClass:"bg-success-600",code:600,hex:"#039855"},{bgClass:"bg-success-700",code:700,hex:"#027A48"},{bgClass:"bg-success-800",code:800,hex:"#05603A"},{bgClass:"bg-success-900",code:900,hex:"#054F31"}],exports.countries=E,exports.images=y,exports.navItemsBottom=S,exports.navItemsTop=D,exports.options1=[{value:"Leading",content:"Leading"},{value:"Middle",content:"Middle"},{value:"Trailing",content:"Trailing"}],exports.options2=z,exports.options3=L,exports.prices=[{label:"Any price",value:"-1"},{label:"Below 50",value:"0"},{label:"50 - 100",value:"50"},{label:"100 - 200",value:"100"},{label:"200 - 300",value:"200"},{label:"300 - 400",value:"300"},{label:"400 - 500",value:"400"},{label:"500 - 600",value:"500"}],exports.renderLogo=v;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),a=e(t),r=e(require("classnames")),l=require("react-headless-pagination"),s=require("react-icons/fi"),o=require("@headlessui/react");const n={sm:"badge-sm",md:"badge-md",lg:"badge-lg"},c={gray:"badge-gray",primary:"badge-primary",warning:"badge-warning",error:"badge-error",success:"badge-success"},i={primary:{default:"btn-primary",hover:"btn-primary-hover",focus:"btn-primary-focus shadow-grayDark",disabled:"btn-primary-disabled"},secondary:{default:"btn-secondary",hover:"btn-secondary-hover",focus:"btn-secondary-focus shadow-grayDark",disabled:"btn-secondary-disabled"},secondaryGray:{default:"btn-secondaryGray",hover:"btn-secondaryGray-hover",focus:"btn-secondaryGray-focus shadow-grayDark",disabled:"btn-secondaryGray-disabled"},tertiary:{default:"btn-tertiary",hover:"btn-tertiary-hover",focus:"btn-tertiary-focus shadow-grayDark",disabled:"btn-tertiary-disabled"},tertiaryGray:{default:"btn-tertiaryGray",hover:"btn-tertiaryGray-hover",focus:"btn-tertiaryGray-focus shadow-grayDark",disabled:"btn-tertiaryGray-disabled"}},g={sm:"btn-sm",md:"btn-md",lg:"btn-lg",xl:"btn-xl","2xl":"btn-2xl"},m={sm:"btn-icon-sm",md:"btn-icon-md",lg:"btn-icon-lg",xl:"btn-icon-xl","2xl":"btn-icon-2xl"},d={xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl",h6:"text-h6",h5:"text-h5",h4:"text-h4",h3:"text-h3",h2:"text-h2",h1:"text-h1"},b={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},u=e=>{let{variant:t="md",customWeight:l="regular",customColor:s,className:o,children:n}=e;const c=d[t],i=b[l],g=["h1","h2","h3","h4","h5","h6"].includes(t??"p")?t:"p";return a.createElement(g,{className:r(c,i,o,{"tracking-tight":["h1","h2","h3"].includes(t),"text-black dark:text-white":!s},s)},n)},h=e=>{let{type:l,value:s,label:o,placeholder:n,error:c,helperText:i,disabled:g,LeadingIcon:m,TrailingIcon:d,leadingText:b,handleChange:h}=e;const{setClassName:x}={setClassName:(e,a)=>t.isValidElement(e)?t.cloneElement(e,{className:r(e.props.className,a)}):e},p="textinput-"+((null==o?void 0:o.toLowerCase().replace(/\s+/g,"-"))||"input");return a.createElement("div",null,o&&a.createElement("label",{htmlFor:p},a.createElement(u,{variant:"sm",customWeight:"medium",customColor:"text-gray-700 dark:text-white",className:"mb-1.5"},o)),a.createElement("div",{className:r("relative",{"flex items-center":b})},a.createElement("div",{className:"h-11 absolute shadow-sm rounded-lg w-full flex justify-between items-center px-3.5 pointer-events-none"},m?x(m,"text-gray-500"):a.createElement("div",null),d&&x(d,r({"text-error-500":c,"text-gray-400":!c}))),b&&a.createElement(u,{variant:"sm",customWeight:"regular",className:r("flex items-center h-11 text-lg text-gray-500 pl-3.5 pr-3 border border-r-0 rounded-l-lg border-gray-300 dark:border-gray-500",{"bg-gray-50 dark:bg-gray-700":g,"dark:bg-gray-800":!g})},b),a.createElement("input",{id:p,type:l,value:s,placeholder:n,onChange:h,disabled:g,className:r("w-full select-none text-gray-900 dark:text-white text-md border h-11 px-2",{"pl-9":m,"pr-9":d,"rounded-l-0 rounded-r-lg":b,"rounded-lg":!b,"border-gray-300 dark:border-gray-500 focus:ring-4 focus:border-primary-300 dark:focus:border-gray-100 focus:ring-primary-100 dark:focus:ring-gray-100 dark:focus:ring-opacity-20":!c,"border-error-300 focus:ring-4 focus:border-error-300 focus:ring-error-100":c,"bg-white dark:bg-gray-800":!g,"bg-gray-50 dark:bg-gray-700":g})})),c&&a.createElement("label",{className:"text-sm font-normal mt-1.5 text-error-500"},c),i&&a.createElement("label",{className:"text-sm font-normal mt-1.5 text-gray-500"},i))},x=e=>{let{inDropdown:t,isActive:l,subItem:s,onClick:o}=e;return a.createElement("li",{key:s.label,className:r("navItem group",{"bg-primary-50 dark:bg-gray-100 dark:bg-opacity-10":l}),onClick:o},a.createElement(u,{variant:"md",customWeight:"medium",customColor:r("group-hover:text-primary-600 dark:group-hover:text-white",{"text-gray-800 dark:text-white":!l,"text-primary-600 dark:text-white":l}),className:r("flex-grow",{"pl-13":!t,"pl-4":t})},s.label))},p=e=>{let{item:l,isActive:n,activeSubNavItem:c,open:i,openDropdown:g,onClick:m}=e;const{setProps:d}={setProps:(e,a,l)=>t.isValidElement(e)?t.cloneElement(e,{size:a,className:r(e.props.className,l)}):e},b=s.FiChevronDown;return a.createElement(o.Popover,{key:l.label,className:"relative"},a.createElement(o.PopoverButton,{as:a.Fragment},a.createElement("li",{className:r("navItem group",{"px-4":i,"ml-2 px-2 w-10":!i,"bg-primary-50 dark:bg-gray-100 dark:bg-opacity-10":n}),onClick:()=>m(l)},d(l.icon,24,r("group-hover:text-primary-600 dark:group-hover:text-white dark:text-white transform duration-100 ease-out",{"-rotate-180":l.toggleSidebar&&!i,"text-gray-900":!n,"text-primary-600 dark:text-white":n})),a.createElement(a.Fragment,null,a.createElement(u,{variant:"md",customWeight:"medium",className:r("flex-grow ml-3",{"opacity-0 hidden":!i}),customColor:r("group-hover:text-primary-600 dark:group-hover:text-white",{"text-gray-800 dark:text-white":!n,"text-primary-600 dark:text-white":n})},l.label),l.subItems&&l.subItems.length>0?a.createElement(b,{size:20,className:r("group-hover:text-primary-600 dark:group-hover:text-white transform duration-100 ease-out",{"opacity-0 hidden":!i,"text-gray-400":!n,"text-primary-600 dark:text-white":n,"-rotate-180":g})}):null))),g&&i&&l.subItems&&l.subItems.length>0?a.createElement("div",{className:"my-2 space-y-1"},l.subItems.map(e=>a.createElement(x,{key:e.label,isActive:c===e.label,subItem:e,onClick:()=>m(l,e.label)}))):null,!i&&l.subItems&&l.subItems.length>0?a.createElement(o.PopoverPanel,{className:"absolute z-50 px-4 py-3 ml-5 space-y-1 bg-white rounded-lg shadow-md -top-3 left-19 w-58 dark:bg-gray-900"},l.subItems.map(e=>a.createElement(x,{key:e.label,inDropdown:!0,isActive:c===e.label,subItem:e,onClick:()=>m(l,e.label)}))):null)},y={logo:"https://media-hosting.imagekit.io/0ec1ca8b900e4e8b/logo.svg?Expires=1838348369&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=pCHsmoIdugCAGgRQuivkSFGORbcd0DMZjw-l9LQlxqEs77-19RpmN8TrGsMdYdKwLic46nDsKt44NPaRyu~mxJDKX7I0acu5x53nLqrjh-fs6s8VATv5eHASNeV83rLF3LXgXwMkXubchLy79xPaEHKlRlvJgcqrjZd3cE4C8QXC0KIG4dSjtkd0rECwtweKFuh1BrJIwcKIxiu5cEJUKgDvi4TUS22KVFh4c52c9CjBGa0ulrxxyZHMj2eXff-uQBkecyW-QYillwmsuz2i5PFf6Ud~9JZ2xYOBWwrq4VRSY-8p~c6Czqagg-w6gqyk-3xEM-f-cDfor~11~xwtTg__",IN:"https://kapowaz.github.io/circle-flags/flags/in.svg",BE:"https://kapowaz.github.io/circle-flags/flags/be.svg",DE:"https://kapowaz.github.io/circle-flags/flags/de.svg",FR:"https://kapowaz.github.io/circle-flags/flags/fr.svg",IT:"https://kapowaz.github.io/circle-flags/flags/it.svg",NL:"https://kapowaz.github.io/circle-flags/flags/nl.svg",RU:"https://kapowaz.github.io/circle-flags/flags/ru.svg",US:"https://kapowaz.github.io/circle-flags/flags/us.svg"},v=()=>a.createElement("img",{src:y.logo,className:"w-8 h-8 select-none",alt:"logo"}),E=[{city:"Ahmedabad",countryISO:"IN"},{city:"Amsterdam",countryISO:"NL"},{city:"Rome",countryISO:"IT"},{city:"Berlin",countryISO:"DE"},{city:"Paris",countryISO:"FR"},{city:"Washington",countryISO:"US"},{city:"Moscow",countryISO:"RU"},{city:"Brussels",countryISO:"BE"}].map(e=>({value:e.countryISO,label:a.createElement(a.Fragment,null,a.createElement("img",{src:y[e.countryISO],alt:e.countryISO.toLowerCase(),className:"w-5 h-5 mr-2"})," ",`${e.city}, ${e.countryISO}`)})),f=s.FiLayers,w=s.FiSettings,C=s.FiFlag,k=s.FiMapPin,F=s.FiCheckSquare,N=s.FiBarChart2,I=s.FiArrowLeft,D=[{order:0,path:"home",label:"Home",icon:a.createElement(s.FiHome,null)},{order:1,path:"dashboard",label:"Dashboard",icon:a.createElement(N,null),subItems:[{order:0,path:"analytics",label:"Analytics"},{order:1,path:"apps",label:"Apps"},{order:2,path:"learn",label:"Learn"}]},{order:2,path:"projects",label:"Projects",icon:a.createElement(f,null)},{order:3,path:"tasks",label:"Tasks",icon:a.createElement(F,null)},{order:4,path:"reporting",label:"Reporting",icon:a.createElement(C,null)},{order:5,path:"rentals",label:"Rentals",icon:a.createElement(k,null),subItems:[{order:0,path:"all",label:"All rentals"},{order:1,path:"popular",label:"Popular"},{order:2,path:"recent",label:"Recently added"}]}],S=[{order:0,path:"settings",label:"Settings",icon:a.createElement(w,null)},{order:1,label:"Close Navbar",icon:a.createElement(I,null),toggleSidebar:!0}],A=s.FiCircle,B=s.FiList,P=s.FiGrid,z=[{value:"first",content:a.createElement(a.Fragment,null,a.createElement("span",null,a.createElement(A,{size:20,className:"mr-2"})),"First")},{value:"second",content:a.createElement(a.Fragment,null,a.createElement("span",null,a.createElement(A,{size:20,className:"mr-2"})),"Second")},{value:"third",content:a.createElement(a.Fragment,null,a.createElement("span",null,a.createElement(A,{size:20,className:"mr-2"})),"Third")}],L=[{value:"list",content:a.createElement(B,{size:20})},{value:"grid",content:a.createElement(P,{size:20})}];exports.Badge=e=>{let{className:t,children:l,LeadingIcon:s,TrailingIcon:o,variant:i,size:g}=e;return a.createElement("div",{className:r("badge-base",n[g],c[i],t)},s&&a.createElement("span",{className:"mr-1.5"},s),l,o&&a.createElement("span",{className:"mr-1.5"},o))},exports.Button=e=>{let{children:l,className:s,variant:o="primary",size:n="md",disabled:c,LeadingIcon:d,TrailingIcon:b,IconOnly:u,...h}=e;const x=i[o],p=(e,a)=>t.isValidElement(e)?t.cloneElement(e,{className:r(e.props.className,a)}):e;return a.createElement("button",Object.assign({type:"button",className:r("btn-base",s,{[g[n]]:!u,[r(m[n],"justify-center")]:u,[r(x.default,x.hover,x.focus)]:!c,[r(x.disabled,"cursor-not-allowed")]:c})},h),d&&a.createElement("span",null,p(d,r({"mr-2":"2xl"!==n,"mr-3":"2xl"===n}))),l,u&&a.createElement("span",null,t.isValidElement(y=u)&&"size"in y.props?t.cloneElement(y,{size:20}):y),b&&a.createElement("span",null,p(b,r({"ml-2":"2xl"!==n,"ml-3":"2xl"===n}))));var y},exports.ButtonGroup=e=>{let{options:t,activeOption:l,setActiveOption:s}=e;return a.createElement("div",null,t.map((e,o)=>a.createElement("button",{key:e.value,className:r("inline-flex whitespace-nowrap items-center h-10 px-4 font-medium text-center text-sm focus:outline-none hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-white border border-gray-300 dark:border-gray-500",{"rounded-l-lg":0===o,"rounded-r-lg":o===t.length-1,"bg-gray-50 dark:bg-gray-700":l===e.value,"border-r-0":0!==o&&o!==t.length-1}),onClick:()=>s(e.value)},e.content)))},exports.ColorBox=e=>{let{code:t,hex:r,bgClass:l}=e;return a.createElement("div",{key:l,className:"flex flex-col rounded-lg shadow-lg w-26 h-39 dark:bg-white"},a.createElement("div",{className:`h-20 ${l} rounded-t-lg`}),a.createElement("div",{className:"mx-3 my-3"},t,a.createElement("br",null),r))},exports.MobileNavbar=e=>{let{open:t,toggleOpen:l}=e;return a.createElement("div",{className:"z-40 flex items-center justify-between h-20 py-6 bg-white shadow-md dark:bg-gray-900 px-9"},v(),a.createElement(u,{variant:"h6",customWeight:"medium",className:"select-none"},"Box UI"),a.createElement("svg",{role:"button",width:"32",height:"32",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",className:r("text-gray-500 transition-all duration-100 ease-out cursor-pointer stroke-current hover:text-gray-900 dark:text-white dark:hover:text-gray-200",{"opacity-0":t}),"data-testid":"mobile-nav-toggle",onClick:l},a.createElement("path",{d:"M4 16H22.6667M4 8H28M4 24H28",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})))},exports.Paginate=e=>{let{totalPages:t,page:o,isMobile:n,className:c,setPage:i}=e;const g=e=>{i(e)},m=s.FiArrowLeft,d=s.FiArrowRight;return n?a.createElement("div",{className:r("flex w-full h-10 items-center",c)},a.createElement(m,{"data-testid":"prevBtn",size:20,className:r("mr-3 text-gray-500 dark:text-white",{"cursor-pointer":0!==o,"opacity-50":0===o}),onClick:()=>{o>0&&g(o-1)}}),a.createElement("div",{className:"flex justify-center flex-grow text-sm text-gray-700 select-none dark:text-white"},`Page ${o} of ${t}`),a.createElement(d,{"data-testid":"nextBtn",size:20,className:r("ml-3 text-gray-500 dark:text-white",{"cursor-pointer":o!==t-1,"opacity-50":o===t-1}),onClick:()=>{o<t-1&&g(o+1)}})):a.createElement(l.Pagination,{className:r("flex w-full items-center h-10 text-sm select-none",c),currentPage:o,totalPages:t,edgePageCount:2,setCurrentPage:g,truncableText:"...",middlePagesSiblingCount:2,truncableClassName:"w-10 px-0.5 text-center dark:text-gray-500"},a.createElement(l.Pagination.PrevButton,{className:r("h-10 font-medium flex items-center mr-2 text-gray-500 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 focus:outline-none",{"cursor-pointer":0!==o,"opacity-50":0===o})},a.createElement(m,{size:20,className:r("mr-3")}),"Previous"),a.createElement("div",{className:"flex items-center justify-center flex-grow list-none"},a.createElement(l.Pagination.PageButton,{activeClassName:"bg-primary-50 dark:bg-opacity-0 text-primary-600 dark:text-white",inactiveClassName:"text-gray-500",className:"flex items-center justify-center h-10 w-10 rounded-full cursor-pointer font-medium"})),a.createElement(l.Pagination.NextButton,{className:r("h-10 font-medium flex items-center mr-2 text-gray-500 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 focus:outline-none",{"cursor-pointer":o!==t-1,"opacity-50":o===t-1})},"Next",a.createElement(d,{size:20,className:r("ml-3")})))},exports.Select=e=>{let{options:l,selectedOption:n,setSelectedOption:c,placeholder:i,LeadingIcon:g,width:m}=e;const d=s.FiChevronDown,b=s.FiCheck;return a.createElement("div",{className:r("relative inline-block",m)},a.createElement(o.Listbox,{value:n&&n.value,onChange:c},e=>{let{open:s}=e;return a.createElement(a.Fragment,null,a.createElement(o.ListboxButton,{className:r("shadow-sm flex items-center text-md border border-gray-300 dark:border-gray-500 h-11 px-3.5 rounded-lg bg-white dark:bg-gray-800","focus:ring-4 focus:border-primary-300 dark:focus:border-gray-100 focus:ring-primary-100 dark:focus:ring-gray-100 dark:focus:ring-opacity-20 whitespace-nowrap",{"text-gray-900 dark:text-white":n,"text-gray-500 dark:text-gray-300":!n},m)},g&&a.createElement("div",{className:"w-5 h-5 mr-2 overflow-hidden","data-testid":"leading-icon"},(c=g,u=r("text-gray-400"),t.isValidElement(c)&&"size"in c.props?t.cloneElement(c,{size:20,className:r(c.props.className,u)}):c)),n?n.label:i,a.createElement(d,{size:20,className:r("text-gray-500 dark:text-gray-300 transform duration-100 ease-out",{"-rotate-180":s,"ml-auto":m,"ml-3.5":!m})})),a.createElement(o.ListboxOptions,{className:"absolute z-10 inline-flex flex-col w-full bg-white border border-gray-300 rounded-lg shadow-lg top-13 dark:border-gray-500 dark:bg-gray-800"},null==l?void 0:l.map((e,t)=>a.createElement(o.ListboxOption,{as:a.Fragment,key:e.value,value:e.value},s=>{let{focus:o,selected:n}=s;return a.createElement("li",{className:r(r("flex items-center pl-3.5 pr-3 justify-between h-11 text-gray-900 dark:text-white text-md cursor-pointer hover:bg-primary-25 dark:hover:bg-gray-100 dark:hover:bg-opacity-10 whitespace-nowrap",{"bg-primary-25 dark:bg-gray-100 dark:bg-opacity-10":o,"rounded-t-lg":0===t,"rounded-b-lg":t===l.length-1}))},a.createElement("div",{className:"flex items-center"},e.label),n&&a.createElement(b,{className:"ml-5 text-primary-600 dark:text-white"}))}))));var c,u}))},exports.SideNav=e=>{let{className:t,navItemsTop:l,navItemsBottom:o,username:n,email:c,open:i,setOpen:g}=e;const m=s.FiLogOut,d=s.FiSearch,[b,x]=a.useState(""),[y,E]=a.useState(""),[f,w]=a.useState(""),[C,k]=a.useState([]),F=(e,t)=>{t&&w(t),e.toggleSidebar?e.toggleSidebar&&g(!i):E(e.label),e.subItems&&C.includes(e.label)&&!t?k(C.filter(t=>t!==e.label)):e.subItems&&!C.includes(e.label)&&k([...C,e.label])};return a.createElement("div",{"data-testid":"side-nav",className:r("py-6 flex flex-col flex-grow bg-white dark:bg-gray-900 transform ease-out duration-100 overflow-y-auto xs:overflow-y-visible",{"w-80":i,"w-24":!i,"border-r border-gray-300 dark:border-opacity-20":!0},t)},a.createElement("div",{className:"flex items-center w-full mb-8 ml-9"},v(),a.createElement(u,{variant:"xl",className:r("ml-2.5 whitespace-nowrap select-none",{"opacity-0 hidden":!i}),customWeight:"medium"},"Box UI")),a.createElement("div",{className:"mb-8 mx-9"},i?a.createElement(h,{type:"text",value:b,handleChange:e=>{x(e.target.value)},placeholder:"Search",LeadingIcon:a.createElement(d,null)}):a.createElement("div",{className:"h-11"})),a.createElement("div",{className:r("flex flex-col justify-between h-full ml-5 w-70",{"w-14":!i})},a.createElement("ul",{className:"flex flex-col space-y-1"},l.map(e=>a.createElement(p,{key:e.label,item:e,isActive:y===e.label,activeSubNavItem:f,open:i,openDropdown:C.includes(e.label),onClick:F}))),a.createElement("ul",{className:"flex flex-col mb-6 space-y-1"},o.map(e=>a.createElement(p,{key:e.label,item:e,isActive:y===e.label,activeSubNavItem:f,open:i,openDropdown:C.includes(e.label),onClick:F})))),a.createElement("hr",{className:r("ml-5 border-t border-gray-300 dark:border-opacity-20",{"w-70":i,"w-14":!i})}),a.createElement("div",{className:"flex mt-6 w-70 ml-7"},i?a.createElement("div",{className:"flex justify-between ml-3"},a.createElement("div",{className:"select-none"},a.createElement(u,{variant:"sm",customWeight:"medium",customColor:"text-gray-700 dark:text-white"},n),a.createElement(u,{variant:"sm",customColor:"text-gray-500"},c)),a.createElement(m,{size:24,className:"ml-6 text-gray-400 cursor-pointer"})):null))},exports.TextInput=h,exports.Typography=u,exports.colors=[{bgClass:"bg-gray-2",code:25,hex:"#FCFCF"},{bgClass:"bg-gray-50",code:50,hex:"#F9FAFB"},{bgClass:"bg-gray-100",code:100,hex:"#F2F4F7"},{bgClass:"bg-gray-200",code:200,hex:"#E4E7EC"},{bgClass:"bg-gray-300",code:300,hex:"#D0D5DD"},{bgClass:"bg-gray-400",code:400,hex:"#98A2B3"},{bgClass:"bg-gray-500",code:500,hex:"#667085"},{bgClass:"bg-gray-600",code:600,hex:"#475467"},{bgClass:"bg-gray-700",code:700,hex:"#344054"},{bgClass:"bg-gray-800",code:800,hex:"#1D2939"},{bgClass:"bg-gray-900",code:900,hex:"#101828"},{bgClass:"bg-primary-25",code:25,hex:"#F5FAFF"},{bgClass:"bg-primary-50",code:50,hex:"#EFF8FF"},{bgClass:"bg-primary-100",code:100,hex:"#D1E9FF"},{bgClass:"bg-primary-200",code:200,hex:"#B2DDFF"},{bgClass:"bg-primary-300",code:300,hex:"#84CAFF"},{bgClass:"bg-primary-400",code:400,hex:"#53B1FD"},{bgClass:"bg-primary-500",code:500,hex:"#2E90FA"},{bgClass:"bg-primary-600",code:600,hex:"#1570EF"},{bgClass:"bg-primary-700",code:700,hex:"#175CD3"},{bgClass:"bg-primary-800",code:800,hex:"#1849A9"},{bgClass:"bg-primary-900",code:900,hex:"#194185"},{bgClass:"bg-error-25",code:25,hex:"#FFFBFA"},{bgClass:"bg-error-50",code:50,hex:"#FEF3F2"},{bgClass:"bg-error-100",code:100,hex:"#FEE4E2"},{bgClass:"bg-error-200",code:200,hex:"#FECDCA"},{bgClass:"bg-error-300",code:300,hex:"#FDA29B"},{bgClass:"bg-error-400",code:400,hex:"#F97066"},{bgClass:"bg-error-500",code:500,hex:"#F04438"},{bgClass:"bg-error-600",code:600,hex:"#D92D20"},{bgClass:"bg-error-700",code:700,hex:"#B42318"},{bgClass:"bg-error-800",code:800,hex:"#912018"},{bgClass:"bg-error-900",code:900,hex:"#7A271A"},{bgClass:"bg-warning-25",code:25,hex:"#FFFCF5"},{bgClass:"bg-warning-50",code:50,hex:"#FFFAEB"},{bgClass:"bg-warning-100",code:100,hex:"#FEF0C7"},{bgClass:"bg-warning-200",code:200,hex:"#FEDF89"},{bgClass:"bg-warning-300",code:300,hex:"#FEC84B"},{bgClass:"bg-warning-400",code:400,hex:"#FDB022"},{bgClass:"bg-warning-500",code:500,hex:"#F79009"},{bgClass:"bg-warning-600",code:600,hex:"#DC6803"},{bgClass:"bg-warning-700",code:700,hex:"#B54708"},{bgClass:"bg-warning-800",code:800,hex:"#93370D"},{bgClass:"bg-warning-900",code:900,hex:"#7A2E0E"},{bgClass:"bg-success-25",code:25,hex:"#F6FEF9"},{bgClass:"bg-success-50",code:50,hex:"#ECFDF3"},{bgClass:"bg-success-100",code:100,hex:"#D1FADF"},{bgClass:"bg-success-200",code:200,hex:"#A6F4C5"},{bgClass:"bg-success-300",code:300,hex:"#6CE9A6"},{bgClass:"bg-success-400",code:400,hex:"#32D583"},{bgClass:"bg-success-500",code:500,hex:"#12B76A"},{bgClass:"bg-success-600",code:600,hex:"#039855"},{bgClass:"bg-success-700",code:700,hex:"#027A48"},{bgClass:"bg-success-800",code:800,hex:"#05603A"},{bgClass:"bg-success-900",code:900,hex:"#054F31"}],exports.countries=E,exports.images=y,exports.navItemsBottom=S,exports.navItemsTop=D,exports.options1=[{value:"Leading",content:"Leading"},{value:"Middle",content:"Middle"},{value:"Trailing",content:"Trailing"}],exports.options2=z,exports.options3=L,exports.prices=[{label:"Any price",value:"-1"},{label:"Below 50",value:"0"},{label:"50 - 100",value:"50"},{label:"100 - 200",value:"100"},{label:"200 - 300",value:"200"},{label:"300 - 400",value:"300"},{label:"400 - 500",value:"400"},{label:"500 - 600",value:"500"}],exports.renderLogo=v;
 //# sourceMappingURL=box-ui.cjs.production.min.js.map