@brightlocal/icons 0.2.0 → 2.0.0

package/src/flag/yemen.tsx

@@ -1,38 +0,0 @@
-import type { SVGProps } from "react";
-
-export interface YemenProps extends SVGProps<SVGSVGElement> {
-  /**
-   * Icon size (width and height)
-   * @default 16
-   */
-  size?: number | string;
-}
-
-/**
- * Yemen icon from flag category
- *
- * @example
- * <Yemen size={16} />
- * <Yemen size={32} className="text-primary" />
- */
-export const Yemen = ({ size = 16, ...props }: YemenProps) => (
-  <svg
-    fill="none"
-    height={size}
-    viewBox="0 0 24 24"
-    width={size}
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <g clipPath="url(#clip0_43_2879)">
-<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
-<path d="M12 24C17.1596 24 21.5581 20.7435 23.2536 16.1739H0.746399C2.44191 20.7435 6.84043 24 12 24Z" fill="black"/>
-<path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0Z" fill="#D80027"/>
-</g>
-<defs>
-<clipPath id="clip0_43_2879">
-<rect fill="white" height="24" width="24"/>
-</clipPath>
-</defs>
-  </svg>
-);

package/src/flag/zambia.tsx

@@ -1,40 +0,0 @@
-import type { SVGProps } from "react";
-
-export interface ZambiaProps extends SVGProps<SVGSVGElement> {
-  /**
-   * Icon size (width and height)
-   * @default 16
-   */
-  size?: number | string;
-}
-
-/**
- * Zambia icon from flag category
- *
- * @example
- * <Zambia size={16} />
- * <Zambia size={32} className="text-primary" />
- */
-export const Zambia = ({ size = 16, ...props }: ZambiaProps) => (
-  <svg
-    fill="none"
-    height={size}
-    viewBox="0 0 24 24"
-    width={size}
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <g clipPath="url(#clip0_43_2883)">
-<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"/>
-<path d="M16.6957 12H12V24C13.4027 24 14.7488 23.7585 16 23.3163L16.6957 12Z" fill="#D80027"/>
-<path d="M19.9999 20.9434C22.4547 18.7462 24 15.5537 24 12H19.3043L19.9999 20.9434Z" fill="#FF9811"/>
-<path d="M16 12V23.3163C17.4905 22.7894 18.8458 21.9766 20 20.9435V12H16Z" fill="black"/>
-<path d="M22.1739 7.82614H19.0434C19.0434 7.24986 18.5762 6.78265 17.9999 6.78265C17.4236 6.78265 16.9564 7.24986 16.9564 7.82614H13.826C13.826 8.40247 14.328 8.86962 14.9042 8.86962H14.8695C14.8695 9.44595 15.3366 9.91311 15.913 9.91311C15.913 10.4894 16.3801 10.9566 16.9564 10.9566H19.0434C19.6197 10.9566 20.0869 10.4894 20.0869 9.91311C20.6632 9.91311 21.1304 9.44595 21.1304 8.86962H21.0956C21.6719 8.86958 22.1739 8.40242 22.1739 7.82614Z" fill="#FF9811"/>
-</g>
-<defs>
-<clipPath id="clip0_43_2883">
-<rect fill="white" height="24" width="24"/>
-</clipPath>
-</defs>
-  </svg>
-);

package/src/flag/zimbabwe.tsx

@@ -1,46 +0,0 @@
-import type { SVGProps } from "react";
-
-export interface ZimbabweProps extends SVGProps<SVGSVGElement> {
-  /**
-   * Icon size (width and height)
-   * @default 16
-   */
-  size?: number | string;
-}
-
-/**
- * Zimbabwe icon from flag category
- *
- * @example
- * <Zimbabwe size={16} />
- * <Zimbabwe size={32} className="text-primary" />
- */
-export const Zimbabwe = ({ size = 16, ...props }: ZimbabweProps) => (
-  <svg
-    fill="none"
-    height={size}
-    viewBox="0 0 24 24"
-    width={size}
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <g clipPath="url(#clip0_43_2889)">
-<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
-<path d="M22.8514 6.87203C22.2418 5.58419 21.4097 4.42248 20.4047 3.436L12 2.6087L3.59531 3.43605C3.5685 3.46234 3.54234 3.48925 3.51581 3.51583L6.87206 6.87208L12 7.02869L22.8514 6.87203Z" fill="#FFDA44"/>
-<path d="M3.51569 20.4843C3.55984 20.5285 3.6039 20.5727 3.64872 20.6162L12 21.3913L20.3512 20.6162C21.3666 19.6318 22.2088 18.47 22.8271 17.1802L7.30431 16.6957C5.9687 18.0313 4.4282 19.5717 3.51569 20.4843Z" fill="#FFDA44"/>
-<path d="M23.8807 10.308L9.91302 9.91302L12 12C11.3819 12.6181 10.4591 13.5409 9.91302 14.087L23.8733 13.7441C23.9563 13.1746 24 12.5924 24 12C24 11.4256 23.9587 10.8609 23.8807 10.308Z" fill="black"/>
-<path d="M12 0C8.72684 0 5.76031 1.31109 3.59534 3.43603H20.4047C18.2397 1.31109 15.2732 0 12 0Z" fill="#6DA544"/>
-<path d="M10.308 10.308H23.8806C23.7094 9.09496 23.3571 7.94024 22.8514 6.87201H6.87201L10.308 10.308Z" fill="#D80027"/>
-<path d="M6.81982 17.1802H22.8271C23.3387 16.1127 23.6966 14.9579 23.8734 13.7441H10.2559C8.92521 15.0748 7.7975 16.2025 6.81982 17.1802Z" fill="#D80027"/>
-<path d="M12 24C15.2463 24 18.191 22.7104 20.3512 20.6161H3.6488C5.80899 22.7104 8.75368 24 12 24Z" fill="#6DA544"/>
-<path d="M4.2851 2.80939C4.01833 3.03354 3.76094 3.26853 3.51471 3.51467L12 12L3.51471 20.4853C3.7609 20.7315 4.01833 20.9664 4.2851 21.1906L13.4757 12L4.2851 2.80939Z" fill="black"/>
-<path d="M4.82461 8.86957L5.60156 11.2609H8.11617L6.08189 12.739L6.85889 15.1305L4.82461 13.6525L2.79028 15.1305L3.56738 12.739L1.53314 11.2609H4.04761L4.82461 8.86957Z" fill="#D80027"/>
-<path d="M6.96184 12.1956L4.93694 11.4783C4.93694 11.4783 4.78731 10.0747 4.77827 10.0271C4.70955 9.66509 4.39141 9.3913 4.00937 9.3913C3.57719 9.3913 3.22675 9.74169 3.22675 10.1739C3.22675 10.2456 3.2372 10.3146 3.25525 10.3806L2.6875 10.9522H3.697C3.697 12 2.91512 12 2.91512 13.0435L3.34886 14.087H5.95755L6.39236 13.0435H6.39217C6.43572 12.9433 6.46216 12.8401 6.47308 12.7369C6.84789 12.5853 6.96184 12.1956 6.96184 12.1956Z" fill="#FFDA44"/>
-</g>
-<defs>
-<clipPath id="clip0_43_2889">
-<rect fill="white" height="24" width="24"/>
-</clipPath>
-</defs>
-  </svg>
-);

package/src/icons/icon.tsx

@@ -1,107 +0,0 @@
-import * as React from "react";
-import type { LucideIcon, LucideProps } from "lucide-react";
-import * as LucideIcons from "lucide-react";
-
-export type IconName = keyof typeof LucideIcons;
-
-export interface IconProps extends Omit<LucideProps, "ref" | "name"> {
-  /**
-   * The name of the Lucide icon to render
-   * Can be a string (e.g., "Check", "ChevronDown") or a Lucide icon component
-   */
-  name?: IconName | LucideIcon;
-  /**
-   * Custom icon component to render instead of a Lucide icon
-   */
-  customIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
-  /**
-   * Additional class names to apply to the icon
-   */
-  className?: string;
-  /**
-   * Icon size in pixels
-   * @default 16
-   */
-  size?: number;
-  /**
-   * Stroke width for line icons
-   * @default 1.33
-   */
-  strokeWidth?: number;
-}
-
-/**
- * Icon component that renders Lucide icons or custom SVG icons
- *
- * @example
- * // Using Lucide icon by name
- * <Icon name="Check" className="w-4 h-4" />
- *
- * @example
- * // Using Lucide icon component
- * import { Check } from "lucide-react";
- * <Icon name={Check} />
- *
- * @example
- * // Using custom icon
- * <Icon customIcon={MyCustomIcon} className="w-6 h-6" />
- */
-export const Icon = React.forwardRef<SVGSVGElement, IconProps>(
-  (
-    { name, customIcon, className, size = 16, strokeWidth = 1.33, ...props },
-    ref
-  ) => {
-    // Render custom icon if provided
-    if (customIcon) {
-      const CustomIcon = customIcon;
-      return (
-        <CustomIcon
-          ref={ref}
-          className={className}
-          height={size}
-          width={size}
-          {...(props as React.SVGProps<SVGSVGElement>)}
-        />
-      );
-    }
-
-    // Return null if no icon is specified
-    if (!name) {
-      return null;
-    }
-
-    // Handle Lucide icon component directly
-    if (typeof name === "function") {
-      const LucideIconComponent = name as LucideIcon;
-      return (
-        <LucideIconComponent
-          ref={ref}
-          className={className}
-          size={size}
-          strokeWidth={strokeWidth}
-          {...props}
-        />
-      );
-    }
-
-    // Handle Lucide icon by string name
-    const LucideIconComponent = LucideIcons[name] as LucideIcon;
-
-    if (!LucideIconComponent) {
-      console.warn(`Icon "${name}" not found in lucide-react`);
-      return null;
-    }
-
-    return (
-      <LucideIconComponent
-        ref={ref}
-        className={className}
-        size={size}
-        strokeWidth={strokeWidth}
-        {...props}
-      />
-    );
-  }
-);
-
-Icon.displayName = "Icon";