@developershre/icona 1.0.6 → 2.0.2

package/dist/react/waveicons/battery.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Battery icon from waveicons collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords battery, waveicons
+ * @tags waveicons
+ * @category waveicons
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface WaveiconsBatteryProps {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const WaveiconsBattery = React.forwardRef<SVGSVGElement, WaveiconsBatteryProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Battery icon from waveicons collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#0F1729" fill-rule="evenodd" d="M7.788 5h6.424c.819 0 1.494 0 2.044.046.571.047 1.096.149 1.588.404a4 4 0 0 1 1.706 1.706c.255.492.357 1.017.404 1.588.046.55.046 1.225.046 2.044v2.424c0 .819 0 1.494-.046 2.044-.047.571-.149 1.096-.404 1.588a4 4 0 0 1-1.706 1.706c-.492.255-1.017.357-1.588.404-.55.046-1.226.046-2.044.046H7.788c-.819 0-1.494 0-2.044-.046-.571-.047-1.096-.149-1.588-.404a4 4 0 0 1-1.706-1.706c-.255-.492-.357-1.017-.404-1.588C2 14.706 2 14.03 2 13.212v-2.424c0-.819 0-1.494.046-2.044.047-.571.149-1.096.404-1.588A4 4 0 0 1 4.156 5.45c.492-.255 1.017-.357 1.588-.404C6.294 5 6.969 5 7.788 5M5.909 7.039c-.445.037-.672.104-.83.186a2 2 0 0 0-.854.853c-.082.159-.15.386-.186.831C4 9.367 4 9.96 4 10.83v2.34c0 .871 0 1.463.039 1.92.037.446.104.673.186.832a2 2 0 0 0 .853.853c.159.082.386.15.831.186C6.367 17 6.96 17 7.83 17h6.34c.871 0 1.463 0 1.92-.039.446-.037.673-.104.832-.186a2 2 0 0 0 .853-.853c.082-.159.15-.386.186-.832.038-.457.039-1.049.039-1.92v-2.34c0-.871 0-1.463-.039-1.92-.037-.446-.104-.673-.186-.832a2 2 0 0 0-.853-.853c-.159-.082-.386-.15-.832-.186C15.633 7 15.042 7 14.17 7H7.83c-.871 0-1.463 0-1.92.039M22 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+WaveiconsBattery.displayName = 'WaveiconsBattery';
+
+export default WaveiconsBattery;

package/dist/react/waveicons/bell-notification.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Bell Notification icon from waveicons collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords bell-notification, bell, notification, waveicons
+ * @tags waveicons
+ * @category waveicons
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface WaveiconsBellNotificationProps {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const WaveiconsBellNotification = React.forwardRef<SVGSVGElement, WaveiconsBellNotificationProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Bell Notification icon from waveicons collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#0F1729" fill-rule="evenodd" d="M12.104 3C9.2 3 6.954 5.196 6.954 7.774v2.445c0 .322-.132.606-.2.746a6 6 0 0 1-.332.563c-.252.38-.588.826-.947 1.275-.46.578-.558 1.246-.412 1.76.14.487.501.869 1.119.971 1.556.258 3.546.466 5.922.466 2.551 0 4.5-.24 5.91-.52.502-.1.791-.402.916-.793.134-.419.087-.986-.25-1.526-.161-.26-.335-.525-.51-.791l-.054-.082a44 44 0 0 1-.45-.693 9 9 0 0 1-.417-.717C17.161 10.7 17 10.362 17 10V7.712C17 5.093 14.967 3 12.104 3m-7.15 4.774c0-3.8 3.262-6.774 7.15-6.774C16.034 1 19 3.952 19 7.712v2.19q.012.03.038.081.102.202.318.544.193.304.43.662l.054.08c.175.266.361.55.538.834.619.993.785 2.167.457 3.193-.337 1.053-1.184 1.898-2.43 2.146-1.543.307-3.624.558-6.3.558-2.493 0-4.593-.218-6.25-.493-1.422-.235-2.375-1.206-2.715-2.395-.332-1.163-.073-2.496.771-3.555.345-.433.64-.825.843-1.132q.146-.223.2-.335zm.03 2.25-.005.015zm10.801 9.357a1 1 0 0 1-.166 1.404c-2.041 1.61-5.176 1.63-7.24 0a1 1 0 0 1 1.241-1.57c1.33 1.052 3.44 1.041 4.76 0a1 1 0 0 1 1.405.166" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+WaveiconsBellNotification.displayName = 'WaveiconsBellNotification';
+
+export default WaveiconsBellNotification;

package/dist/react/waveicons/bookmar-save.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Bookmar Save icon from waveicons collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords bookmar-save, bookmar, save, waveicons
+ * @tags waveicons
+ * @category waveicons
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface WaveiconsBookmarSaveProps {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const WaveiconsBookmarSave = React.forwardRef<SVGSVGElement, WaveiconsBookmarSaveProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Bookmar Save icon from waveicons collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#0F1729" fill-rule="evenodd" d="M9.788 3h4.424c.819 0 1.494 0 2.044.046.571.047 1.096.149 1.588.404a4 4 0 0 1 1.706 1.706c.255.492.357 1.017.404 1.588.046.55.046 1.225.046 2.044v8.835c0 .962 0 1.752-.053 2.353-.05.566-.16 1.233-.599 1.716a2.5 2.5 0 0 1-2.13.8c-.649-.074-1.17-.504-1.58-.897-.436-.417-.956-1.011-1.59-1.736l-.377-.431c-.435-.497-.719-.82-.954-1.046-.228-.219-.336-.271-.39-.29a1 1 0 0 0-.653 0c-.055.019-.163.071-.39.29-.236.226-.52.55-.955 1.046l-.377.431c-.634.725-1.154 1.32-1.59 1.736-.41.393-.931.823-1.58.897a2.5 2.5 0 0 1-2.13-.8c-.44-.483-.55-1.15-.6-1.716C4 19.376 4 18.586 4 17.623V8.788c0-.819 0-1.494.046-2.044.047-.571.149-1.096.404-1.588A4 4 0 0 1 6.156 3.45c.492-.255 1.017-.357 1.588-.404C8.294 3 8.969 3 9.788 3M7.909 5.039c-.445.037-.672.104-.83.186a2 2 0 0 0-.854.853c-.082.159-.15.386-.186.831C6 7.367 6 7.96 6 8.83v8.743c0 1.025 0 1.726.045 2.228.036.413.094.543.1.558a.5.5 0 0 0 .391.147c.014-.008.143-.067.443-.354.363-.35.826-.876 1.5-1.648l.373-.425c.399-.456.74-.846 1.046-1.14.32-.307.675-.583 1.123-.738a3 3 0 0 1 1.958 0c.448.155.802.43 1.123.738.306.294.647.684 1.046 1.14l.372.425c.675.772 1.138 1.299 1.501 1.648.3.287.429.346.443.354a.5.5 0 0 0 .392-.147c.005-.015.063-.145.099-.558.044-.502.045-1.203.045-2.228V8.83c0-.871 0-1.463-.039-1.92-.037-.446-.104-.673-.186-.832a2 2 0 0 0-.853-.853c-.159-.082-.386-.15-.832-.186C15.633 5 15.042 5 14.17 5H9.83c-.871 0-1.463 0-1.92.039" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+WaveiconsBookmarSave.displayName = 'WaveiconsBookmarSave';
+
+export default WaveiconsBookmarSave;

package/dist/react/waveicons/calendar.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Calendar icon from waveicons collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords calendar, waveicons
+ * @tags waveicons, time
+ * @category waveicons
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface WaveiconsCalendarProps {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const WaveiconsCalendar = React.forwardRef<SVGSVGElement, WaveiconsCalendarProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Calendar icon from waveicons collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#0F1729" fill-rule="evenodd" d="M8 1a1 1 0 0 1 1 1v1.002Q9.445 3 9.964 3h4.072q.519 0 .964.002V2a1 1 0 1 1 2 0v1.125c.32.054.621.134.913.256a5 5 0 0 1 2.706 2.706c.212.51.3 1.048.34 1.656.041.592.041 1.32.041 2.221v3.64c0 1.102 0 1.99-.06 2.71-.061.74-.191 1.39-.503 1.99a5 5 0 0 1-2.132 2.133c-.6.312-1.25.442-1.991.503-.72.06-1.608.06-2.71.06h-3.207c-1.103 0-1.991 0-2.71-.06-.742-.061-1.392-.191-1.992-.503a5 5 0 0 1-2.132-2.132c-.312-.6-.442-1.25-.503-1.991-.06-.72-.06-1.608-.06-2.71v-3.64c0-.901 0-1.629.04-2.22.042-.61.13-1.148.34-1.657A5 5 0 0 1 6.088 3.38c.292-.122.594-.202.913-.256V2a1 1 0 0 1 1-1M7 5.175a2 2 0 0 0-.148.053 3 3 0 0 0-1.624 1.624c-.093.225-.158.52-.192 1.027-.021.311-.03.675-.034 1.121h13.996c-.004-.446-.013-.81-.034-1.12-.034-.507-.099-.803-.192-1.028a3 3 0 0 0-1.624-1.624A2 2 0 0 0 17 5.175V6a1 1 0 1 1-2 0v-.998C14.706 5 14.376 5 14 5h-4c-.376 0-.706 0-1 .002V6a1 1 0 1 1-2 0zM19 11H5v2.56c0 1.156 0 1.961.053 2.588.05.615.146.968.285 1.235a3 3 0 0 0 1.28 1.28c.266.138.619.233 1.234.284C8.479 19 9.284 19 10.44 19h3.12c1.156 0 1.961 0 2.588-.053.615-.05.968-.146 1.235-.285a3 3 0 0 0 1.28-1.28c.138-.266.233-.619.284-1.234.052-.627.053-1.432.053-2.588zm-6 5a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+WaveiconsCalendar.displayName = 'WaveiconsCalendar';
+
+export default WaveiconsCalendar;

package/dist/react/waveicons/camera.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Camera icon from waveicons collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords camera, waveicons, media, photo, image
+ * @tags waveicons, media
+ * @category waveicons
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface WaveiconsCameraProps {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const WaveiconsCamera = React.forwardRef<SVGSVGElement, WaveiconsCameraProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Camera icon from waveicons collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#0F1729" fill-rule="evenodd" d="M6.393 3.83C7.043 2.757 8.21 2 9.545 2h4.91c1.335 0 2.501.757 3.153 1.83.198.328.42.671.649.985.11.15.323.27.62.27H19a4 4 0 0 1 4 4V17a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V9.086a4 4 0 0 1 4-4h.122c.297 0 .511-.12.621-.27.229-.315.451-.658.65-.986M9.545 4c-.558 0-1.111.322-1.442.867a16 16 0 0 1-.744 1.126c-.548.753-1.415 1.093-2.236 1.093H5a2 2 0 0 0-2 2V17a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9.086a2 2 0 0 0-2-2h-.122c-.822 0-1.689-.34-2.237-1.093a16 16 0 0 1-.744-1.126c-.33-.545-.884-.867-1.442-.867zM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6m-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+WaveiconsCamera.displayName = 'WaveiconsCamera';
+
+export default WaveiconsCamera;

package/dist/react/waveicons/checks-double-v.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Checks Double V icon from waveicons collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords checks-double-v, checks, double, v, waveicons, status, success, complete
+ * @tags waveicons
+ * @category waveicons
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface WaveiconsChecksDoubleVProps {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const WaveiconsChecksDoubleV = React.forwardRef<SVGSVGElement, WaveiconsChecksDoubleVProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Checks Double V icon from waveicons collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#0F1729" fill-rule="evenodd" d="M16.707 7.293a1 1 0 0 1 0 1.414L8.414 17a2 2 0 0 1-2.828 0l.707-.707-.707.707-3.293-3.293a1 1 0 1 1 1.414-1.414L7 15.586l8.293-8.293a1 1 0 0 1 1.414 0m5 0a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-1.414-1.414l9-9a1 1 0 0 1 1.414 0" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+WaveiconsChecksDoubleV.displayName = 'WaveiconsChecksDoubleV';
+
+export default WaveiconsChecksDoubleV;

package/dist/react/waveicons/chevron-down.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Chevron Down icon from waveicons collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords chevron-down, chevron, down, waveicons, navigation, direction, arrow
+ * @tags waveicons, navigation
+ * @category waveicons
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface WaveiconsChevronDownProps {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const WaveiconsChevronDown = React.forwardRef<SVGSVGElement, WaveiconsChevronDownProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Chevron Down icon from waveicons collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#0F1729" fill-rule="evenodd" d="M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-5.823 5.823a1.25 1.25 0 0 1-1.768 0L5.293 9.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+WaveiconsChevronDown.displayName = 'WaveiconsChevronDown';
+
+export default WaveiconsChevronDown;

package/dist/react/waveicons/chevron-left.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Chevron Left icon from waveicons collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords chevron-left, chevron, left, waveicons, navigation, direction, arrow
+ * @tags waveicons, navigation
+ * @category waveicons
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface WaveiconsChevronLeftProps {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const WaveiconsChevronLeft = React.forwardRef<SVGSVGElement, WaveiconsChevronLeftProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Chevron Left icon from waveicons collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#0F1729" fill-rule="evenodd" d="M15.707 5.293a1 1 0 0 1 0 1.414L10.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L8.47 12.884a1.25 1.25 0 0 1 0-1.768l5.823-5.823a1 1 0 0 1 1.414 0" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+WaveiconsChevronLeft.displayName = 'WaveiconsChevronLeft';
+
+export default WaveiconsChevronLeft;

package/dist/react/waveicons/chevron-right.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Chevron Right icon from waveicons collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords chevron-right, chevron, right, waveicons, navigation, direction, arrow
+ * @tags waveicons, navigation
+ * @category waveicons
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface WaveiconsChevronRightProps {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const WaveiconsChevronRight = React.forwardRef<SVGSVGElement, WaveiconsChevronRightProps>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Chevron Right icon from waveicons collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#0F1729" fill-rule="evenodd" d="M8.293 5.293a1 1 0 0 1 1.414 0l5.823 5.823a1.25 1.25 0 0 1 0 1.768l-5.823 5.823a1 1 0 0 1-1.414-1.414L13.586 12 8.293 6.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+WaveiconsChevronRight.displayName = 'WaveiconsChevronRight';
+
+export default WaveiconsChevronRight;