@qeetrix/icons 1.0.3 → 1.0.4

package/README.md

@@ -1,27 +1,17 @@
 <div align="center">
 
-# ✨ Qeetrix Icons
+# ✨ Qeetrix Icons 
 
 ### The Qeet Group icon library — one grid, two styles, every product
 
-**1,166 icons** · **2,307 SVGs** · **20 categories** · outline + solid behind one prop
+**1,166 icons** · **2,307 SVGs** · **20 categories** · outline + solid on two style props
 
 [![npm](https://img.shields.io/npm/v/@qeetrix/icons?style=flat-square&color=b45309)](https://www.npmjs.com/package/@qeetrix/icons)
 [![license](https://img.shields.io/badge/license-MIT-blue?style=flat-square)](./LICENSE)
 [![react](https://img.shields.io/badge/react-%E2%89%A519-149eca?style=flat-square)](https://react.dev)
 
-```tsx
-import { ArrowLeft, ShieldTick, Trash } from "@qeetrix/icons";
-
-<ArrowLeft />
-<ShieldTick variant="solid" />
-<Trash className="size-5 text-red-500" />
-```
-
 </div>
 
----
-
 ## ✨ What it is
 
 Every component in this package holds its designer's SVG **byte for byte**. There is no shared
@@ -31,12 +21,12 @@ including `<g clip-path>`, `<defs>` and `<clipPath>`.
 | | |
 |:--|:--|
 | **1,166 components** | One per icon name, generated from 2,307 source SVGs |
-| **Two styles** | `outline` and `solid`, selected by a `variant` prop — not two exports |
+| **Two style axes** | `variant` (outline/solid) and `shape` (round/sharp) — not separate exports |
 | **24 × 24 grid** | Every icon shares one `viewBox`, so they align without nudging |
 | **Themeable** | All visible paint routes through `currentColor` |
 | **Tree-shakeable** | `sideEffects: false`, one module per icon |
 | **Zero dependencies** | React ≥ 19 as the only peer |
-| **Typed** | Each component narrows `variant` to the styles it actually ships |
+| **Typed** | Each component narrows both axes to the artwork it actually ships |
 
 ---
 
@@ -54,10 +44,13 @@ React ≥ 19 is a peer dependency and is not bundled.
 
 ## 🎨 Props
 
-Every icon accepts **everything valid on an `<svg>` element**, plus `variant`:
+Every icon accepts **everything valid on an `<svg>` element**, plus `variant` and `shape`:
 
 ```ts
-type Props = React.SVGProps<SVGSVGElement> & { variant?: "outline" | "solid" };
+type Props = React.SVGProps<SVGSVGElement> & {
+  variant?: "outline" | "solid"; // strokes or filled shapes
+  shape?: "round" | "sharp"; // rounded or squared corners
+};
 ```
 
 That is the whole API. There is no custom prop surface to learn — `className`, `style`, `width`,
@@ -68,7 +61,8 @@ on the root `<svg>`.
 
 | Prop | Type | Default | What it does |
 |:--|:--|:--|:--|
-| `variant` | `"outline" \| "solid"` | `"outline"` | Which style to draw. Narrowed per icon — see [Variants](#-variants). |
+| `variant` | `"outline" \| "solid"` | `"outline"` | Strokes or filled shapes. Narrowed per icon — see [Style axes](#-style-axes). |
+| `shape` | `"round" \| "sharp"` | `"round"` | Corner treatment. `"sharp"` is not populated yet. |
 | `color` | `string` | `"white"` | Retints the whole glyph. **This is the colour knob.** |
 | `width` / `height` | `number \| string` | `24` | Rendered size. Set both. |
 | `className` | `string` | — | Beats `color` and `width`/`height`, so utility classes win. |
@@ -150,24 +144,35 @@ Because the paint follows `color`, a theme class is all you need:
 
 ---
 
-## 🔀 Variants
+## 🔀 Style axes
 
-One component per icon name; the style is a prop, not a separate export:
+One component per icon name. Style is **two independent props**, not a compound value and not
+separate exports — so adding a new corner treatment never renames anything:
 
 ```tsx
 import { Activity } from "@qeetrix/icons";
 
-<Activity />                    // outline — the default
-<Activity variant="outline" />  // the same thing, explicit
-<Activity variant="solid" />    // solid
+<Activity />                                  // round + outline (both defaults)
+<Activity variant="outline" />                // the same thing, explicit
+<Activity variant="solid" />                  // round + solid
+<Activity shape="sharp" variant="solid" />    // sharp + solid, once it lands
 ```
 
-**1,141 of 1,166** icons ship both styles. The rest ship one, and the type reflects it — so a
-single-style icon rejects the variant it does not have, at compile time:
+Each axis maps to a source directory, `icons/<shape>-<variant>/`:
+
+| | `outline` | `solid` |
+|:--|:--|:--|
+| **`round`** | `round-outline/` — 1,154 | `round-solid/` — 1,153 |
+| **`sharp`** | `sharp-outline/` — *empty* | `sharp-solid/` — *empty* |
+
+### Both unions are per-icon
+
+Neither prop is a fixed type. Each is derived from the artwork that actually exists for that icon, so
+a combination it does not ship is **not expressible**:
 
 | Coverage | Count | `variant` accepts |
 |:--|--:|:--|
-| Both styles | 1,141 | `"outline" \| "solid"` |
+| Both variants | 1,141 | `"outline" \| "solid"` |
 | Outline only | 13 | `"outline"` |
 | Solid only | 12 | `"solid"` |
 
@@ -176,7 +181,12 @@ single-style icon rejects the variant it does not have, at compile time:
 <PresentionChart variant="solid" /> // ✅ solid-only icon, and its default
 ```
 
-The default is `outline` wherever an outline exists, otherwise the icon's only style.
+`variant` defaults to `outline` wherever an outline exists, otherwise the icon's only variant.
+
+> [!NOTE]
+> **`shape="sharp"` is a type error today.** The `sharp-outline/` and `sharp-solid/` directories exist
+> but hold no artwork yet, so every icon currently narrows `shape` to `"round"`. Drop sharp SVGs in,
+> run `bun run generate`, and the union widens per icon automatically — no code change here.
 
 ---
 
@@ -203,7 +213,7 @@ Category comes from the source directory, never from a metadata file, so it cann
 
 | Entry point | Contents |
 |:--|:--|
-| `@qeetrix/icons` | Every icon, plus the `QeetrixIconProps` and `IconVariant` types |
+| `@qeetrix/icons` | Every icon, plus the `QeetrixIcon`, `QeetrixIconProps`, `IconVariant` and `IconShape` types |
 | `@qeetrix/icons/icons/<category>/<name>` | One icon, bypassing the barrel |
 
 ```tsx
@@ -214,7 +224,7 @@ import { ArrowLeft, ShieldTick } from "@qeetrix/icons";
 import { ArrowLeft } from "@qeetrix/icons/icons/arrows/arrow-left";
 
 // Types
-import type { QeetrixIconProps, IconVariant } from "@qeetrix/icons";
+import type { IconShape, IconVariant, QeetrixIcon, QeetrixIconProps } from "@qeetrix/icons";
 ```
 
 Both forms produce the same component. `sideEffects: false` plus one module per icon means importing
@@ -248,12 +258,14 @@ The icon inherits the button's red because of `color="currentColor"`, including
 
 ### A typed wrapper
 
+Use `QeetrixIcon` to hold an arbitrary icon:
+
 ```tsx
-import type { ComponentType } from "react";
-import type { QeetrixIconProps } from "@qeetrix/icons";
+import type { QeetrixIcon } from "@qeetrix/icons";
+import { ShieldTick, Trash } from "@qeetrix/icons";
 
 type ButtonProps = {
-  icon: ComponentType<QeetrixIconProps>;
+  icon: QeetrixIcon;
   label: string;
 };
 
@@ -265,9 +277,18 @@ export function IconButton({ icon: Icon, label }: ButtonProps) {
   );
 }
 
-// <IconButton icon={ShieldTick} label="Verify" />
+<IconButton icon={ShieldTick} label="Verify" />;
+
+// Registries work the same way
+const registry: Record<string, QeetrixIcon> = { verify: ShieldTick, delete: Trash };
 ```
 
+> [!WARNING]
+> Do **not** reach for `ComponentType<QeetrixIconProps>` here — no icon is assignable to it. Props are
+> contravariant, and every icon narrows both style axes, so a component accepting only `shape="round"`
+> cannot stand in for one accepting `"round" | "sharp"`. `QeetrixIcon` omits the style axes for exactly
+> this reason; forwarding one means making the wrapper generic over that icon's own props.
+
 ### Switching variant on state
 
 ```tsx
@@ -344,7 +365,7 @@ CSS where you know the direction:
 ## 🏗 How it works
 
 ```
-icons/<style>/<category>/<name>.svg      ← source, hand-committed, never modified
+icons/<shape>-<variant>/<category>/<name>.svg   ← source, never modified
         │
         │   scripts/generate.mjs         ← the only script
         ▼
@@ -388,7 +409,7 @@ bun run build           # dist/
 
 ### Adding an icon
 
-Drop the SVG at `icons/<style>/<category>/<name>.svg`, then:
+Drop the SVG at `icons/<shape>-<variant>/<category>/<name>.svg`, then:
 
 ```bash
 bun run generate

package/dist/icons/arrows/arrow-back.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowBack({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowBack({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-back.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowBack({ variant = "outline", ...props }) {
+export function ArrowBack({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM13.92 16.13H9C8.59 16.13 8.25 15.79 8.25 15.38C8.25 14.97 8.59 14.63 9 14.63H13.92C15.2 14.63 16.25 13.59 16.25 12.3C16.25 11.01 15.21 9.97 13.92 9.97H8.85L9.11 10.23C9.4 10.53 9.4 11 9.1 11.3C8.95 11.45 8.76 11.52 8.57 11.52C8.38 11.52 8.19 11.45 8.04 11.3L6.47 9.72C6.18 9.43 6.18 8.95 6.47 8.66L8.04 7.09C8.33 6.8 8.81 6.8 9.1 7.09C9.39 7.38 9.39 7.86 9.1 8.15L8.77 8.48H13.92C16.03 8.48 17.75 10.2 17.75 12.31C17.75 14.42 16.03 16.13 13.92 16.13Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-circle-down.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowCircleDown({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowCircleDown({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-circle-down.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowCircleDown({ variant = "outline", ...props }) {
+export function ArrowCircleDown({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 11.27L12.53 14.8C12.38 14.95 12.19 15.02 12 15.02C11.81 15.02 11.62 14.95 11.47 14.8L7.94 11.27C7.65 10.98 7.65 10.5 7.94 10.21C8.23 9.92 8.71 9.92 9 10.21L12 13.21L15 10.21C15.29 9.92 15.77 9.92 16.06 10.21C16.35 10.5 16.35 10.97 16.06 11.27Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-circle-left.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowCircleLeft({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowCircleLeft({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-circle-left.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowCircleLeft({ variant = "outline", ...props }) {
+export function ArrowCircleLeft({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM13.79 15C14.08 15.29 14.08 15.77 13.79 16.06C13.64 16.21 13.45 16.28 13.26 16.28C13.07 16.28 12.88 16.21 12.73 16.06L9.2 12.53C8.91 12.24 8.91 11.76 9.2 11.47L12.73 7.94C13.02 7.65 13.5 7.65 13.79 7.94C14.08 8.23 14.08 8.71 13.79 9L10.79 12L13.79 15Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-circle-right.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowCircleRight({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowCircleRight({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-circle-right.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowCircleRight({ variant = "outline", ...props }) {
+export function ArrowCircleRight({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM14.79 12.53L11.26 16.06C11.11 16.21 10.92 16.28 10.73 16.28C10.54 16.28 10.35 16.21 10.2 16.06C9.91 15.77 9.91 15.29 10.2 15L13.2 12L10.2 9C9.91 8.71 9.91 8.23 10.2 7.94C10.49 7.65 10.97 7.65 11.26 7.94L14.79 11.47C15.09 11.76 15.09 12.24 14.79 12.53Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-circle-up.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowCircleUp({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowCircleUp({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-circle-up.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowCircleUp({ variant = "outline", ...props }) {
+export function ArrowCircleUp({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 13.79C15.91 13.94 15.72 14.01 15.53 14.01C15.34 14.01 15.15 13.94 15 13.79L12 10.79L9 13.79C8.71 14.08 8.23 14.08 7.94 13.79C7.65 13.5 7.65 13.02 7.94 12.73L11.47 9.2C11.76 8.91 12.24 8.91 12.53 9.2L16.06 12.73C16.35 13.03 16.35 13.5 16.06 13.79Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-down-alt.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowDownAlt({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowDownAlt({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-down-alt.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export function ArrowDownAlt({ variant = "outline", ...props }) {
+export function ArrowDownAlt({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M17.92 8.17969H11.69H6.07999C5.11999 8.17969 4.63999 9.33969 5.31999 10.0197L10.5 15.1997C11.33 16.0297 12.68 16.0297 13.51 15.1997L15.48 13.2297L18.69 10.0197C19.36 9.33969 18.88 8.17969 17.92 8.17969Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-down-filled.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowDownFilled({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowDownFilled({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-down-filled.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowDownFilled({ variant = "outline", ...props }) {
+export function ArrowDownFilled({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.53 13.03L12.53 16.03C12.38 16.18 12.19 16.25 12 16.25C11.81 16.25 11.62 16.18 11.47 16.03L8.47 13.03C8.18 12.74 8.18 12.26 8.47 11.97C8.76 11.68 9.24 11.68 9.53 11.97L11.25 13.69V8.5C11.25 8.09 11.59 7.75 12 7.75C12.41 7.75 12.75 8.09 12.75 8.5V13.69L14.47 11.97C14.76 11.68 15.24 11.68 15.53 11.97C15.82 12.26 15.82 12.74 15.53 13.03Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-down-short.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowDownShort({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowDownShort({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-down-short.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowDownShort({ variant = "outline", ...props }) {
+export function ArrowDownShort({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: [_jsx("path", { d: "M9.32993 6H14.6699C17.9899 6 19.3399 8.35 17.6899 11.22L16.9499 12.5C16.7699 12.81 16.4399 13 16.0799 13H7.91993C7.55993 13 7.22993 12.81 7.04993 12.5L6.30992 11.22C4.65992 8.35 6.00993 6 9.32993 6Z", fill: "currentColor" }), _jsx("path", { d: "M8.79006 14H15.2201C15.6101 14 15.8501 14.42 15.6501 14.75L15.0101 15.85C13.3601 18.72 10.6401 18.72 8.99006 15.85L8.35006 14.75C8.16006 14.42 8.40006 14 8.79006 14Z", fill: "currentColor" })] }));
     }

package/dist/icons/arrows/arrow-down.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowDown({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowDown({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-down.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowDown({ variant = "outline", ...props }) {
+export function ArrowDown({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.82 14.24L12.53 18.53C12.39 18.67 12.2 18.75 12 18.75C11.8 18.75 11.61 18.67 11.47 18.53L7.18 14.24C6.89 13.95 6.89 13.47 7.18 13.18C7.47 12.89 7.95 12.89 8.24 13.18L11.25 16.19V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V16.19L15.76 13.18C16.05 12.89 16.53 12.89 16.82 13.18C16.97 13.33 17.04 13.52 17.04 13.71C17.04 13.9 16.96 14.1 16.82 14.24Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-forward.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowForward({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowForward({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-forward.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowForward({ variant = "outline", ...props }) {
+export function ArrowForward({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.53 9.72L15.96 11.29C15.81 11.44 15.62 11.51 15.43 11.51C15.24 11.51 15.05 11.44 14.9 11.29C14.61 11 14.61 10.52 14.9 10.23L15.16 9.97H10.08C8.8 9.97 7.75 11.01 7.75 12.3C7.75 13.59 8.79 14.63 10.08 14.63H15C15.41 14.63 15.75 14.97 15.75 15.38C15.75 15.79 15.41 16.13 15 16.13H10.08C7.97 16.13 6.25 14.41 6.25 12.3C6.25 10.19 7.97 8.47 10.08 8.47H15.23L14.9 8.15C14.61 7.86 14.61 7.38 14.9 7.09C15.19 6.8 15.67 6.8 15.96 7.09L17.53 8.66C17.82 8.96 17.82 9.43 17.53 9.72Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-left-alt.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowLeftAlt({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowLeftAlt({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-left-alt.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export function ArrowLeftAlt({ variant = "outline", ...props }) {
+export function ArrowLeftAlt({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M13.98 5.31975L10.77 8.52975L8.79999 10.4897C7.96999 11.3197 7.96999 12.6697 8.79999 13.4997L13.98 18.6797C14.66 19.3597 15.82 18.8697 15.82 17.9197V12.3097V6.07975C15.82 5.11975 14.66 4.63975 13.98 5.31975Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-left-filled.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowLeftFilled({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowLeftFilled({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-left-filled.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowLeftFilled({ variant = "outline", ...props }) {
+export function ArrowLeftFilled({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.5 12.75H10.31L12.03 14.47C12.32 14.76 12.32 15.24 12.03 15.53C11.88 15.68 11.69 15.75 11.5 15.75C11.31 15.75 11.12 15.68 10.97 15.53L7.97 12.53C7.68 12.24 7.68 11.76 7.97 11.47L10.97 8.47C11.26 8.18 11.74 8.18 12.03 8.47C12.32 8.76 12.32 9.24 12.03 9.53L10.31 11.25H15.5C15.91 11.25 16.25 11.59 16.25 12C16.25 12.41 15.91 12.75 15.5 12.75Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-left-short.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowLeftShort({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowLeftShort({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-left-short.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowLeftShort({ variant = "outline", ...props }) {
+export function ArrowLeftShort({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: [_jsx("path", { d: "M18 9.33017V14.6702C18 17.9902 15.65 19.3402 12.78 17.6902L11.5 16.9502C11.19 16.7702 11 16.4402 11 16.0802V7.92017C11 7.56017 11.19 7.23017 11.5 7.05017L12.78 6.31017C15.65 4.66017 18 6.01017 18 9.33017Z", fill: "currentColor" }), _jsx("path", { d: "M10.0001 8.78957V15.2196C10.0001 15.6096 9.58006 15.8496 9.25006 15.6496L8.15006 15.0096C5.28006 13.3596 5.28006 10.6396 8.15006 8.98957L9.25006 8.34957C9.58006 8.15957 10.0001 8.39957 10.0001 8.78957Z", fill: "currentColor" })] }));
     }

package/dist/icons/arrows/arrow-left.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowLeft({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowLeft({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-left.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowLeft({ variant = "outline", ...props }) {
+export function ArrowLeft({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18 12.75H7.81L10.82 15.76C11.11 16.05 11.11 16.53 10.82 16.82C10.67 16.97 10.48 17.04 10.29 17.04C10.1 17.04 9.91 16.97 9.76 16.82L5.47 12.53C5.33 12.39 5.25 12.2 5.25 12C5.25 11.8 5.33 11.61 5.47 11.47L9.76 7.18C10.05 6.89 10.53 6.89 10.82 7.18C11.11 7.47 11.11 7.95 10.82 8.24L7.81 11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-right-alt.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowRightAlt({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowRightAlt({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-right-alt.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export function ArrowRightAlt({ variant = "outline", ...props }) {
+export function ArrowRightAlt({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M15.1999 10.4899L13.2299 8.51993L10.0199 5.30993C9.33993 4.63993 8.17993 5.11993 8.17993 6.07993V12.3099V17.9199C8.17993 18.8799 9.33993 19.3599 10.0199 18.6799L15.1999 13.4999C16.0299 12.6799 16.0299 11.3199 15.1999 10.4899Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-right-filled.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowRightFilled({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowRightFilled({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-right-filled.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowRightFilled({ variant = "outline", ...props }) {
+export function ArrowRightFilled({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16.03 12.53L13.03 15.53C12.88 15.68 12.69 15.75 12.5 15.75C12.31 15.75 12.12 15.68 11.97 15.53C11.68 15.24 11.68 14.76 11.97 14.47L13.69 12.75H8.5C8.09 12.75 7.75 12.41 7.75 12C7.75 11.59 8.09 11.25 8.5 11.25H13.69L11.97 9.53C11.68 9.24 11.68 8.76 11.97 8.47C12.26 8.18 12.74 8.18 13.03 8.47L16.03 11.47C16.32 11.76 16.32 12.24 16.03 12.53Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-right-short.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowRightShort({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowRightShort({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-right-short.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowRightShort({ variant = "outline", ...props }) {
+export function ArrowRightShort({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: [_jsx("path", { d: "M6 9.33017V14.6702C6 17.9902 8.35 19.3402 11.22 17.6902L12.5 16.9502C12.81 16.7702 13 16.4402 13 16.0802V7.92017C13 7.56017 12.81 7.23017 12.5 7.05017L11.22 6.31017C8.35 4.66017 6 6.01017 6 9.33017Z", fill: "currentColor" }), _jsx("path", { d: "M14 8.78957V15.2196C14 15.6096 14.42 15.8496 14.75 15.6496L15.85 15.0096C18.72 13.3596 18.72 10.6396 15.85 8.98957L14.75 8.34957C14.42 8.15957 14 8.39957 14 8.78957Z", fill: "currentColor" })] }));
     }

package/dist/icons/arrows/arrow-right.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowRight({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowRight({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-right.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowRight({ variant = "outline", ...props }) {
+export function ArrowRight({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18.53 12.53L14.24 16.82C14.09 16.97 13.9 17.04 13.71 17.04C13.52 17.04 13.33 16.97 13.18 16.82C12.89 16.53 12.89 16.05 13.18 15.76L16.19 12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H16.19L13.18 8.24C12.89 7.95 12.89 7.47 13.18 7.18C13.47 6.89 13.95 6.89 14.24 7.18L18.53 11.47C18.67 11.61 18.75 11.8 18.75 12C18.75 12.2 18.67 12.39 18.53 12.53Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-square-down.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowSquareDown({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowSquareDown({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-square-down.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowSquareDown({ variant = "outline", ...props }) {
+export function ArrowSquareDown({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.06 11.17L12.53 14.7C12.38 14.85 12.19 14.92 12 14.92C11.81 14.92 11.62 14.85 11.47 14.7L7.94 11.17C7.65 10.88 7.65 10.4 7.94 10.11C8.23 9.82 8.71 9.82 9 10.11L12 13.11L15 10.11C15.29 9.82 15.77 9.82 16.06 10.11C16.35 10.4 16.35 10.87 16.06 11.17Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-square-left.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowSquareLeft({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowSquareLeft({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-square-left.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowSquareLeft({ variant = "outline", ...props }) {
+export function ArrowSquareLeft({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM13.79 15C14.08 15.29 14.08 15.77 13.79 16.06C13.64 16.21 13.45 16.28 13.26 16.28C13.07 16.28 12.88 16.21 12.73 16.06L9.2 12.53C8.91 12.24 8.91 11.76 9.2 11.47L12.73 7.94C13.02 7.65 13.5 7.65 13.79 7.94C14.08 8.23 14.08 8.71 13.79 9L10.79 12L13.79 15Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-square-right.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowSquareRight({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowSquareRight({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-square-right.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowSquareRight({ variant = "outline", ...props }) {
+export function ArrowSquareRight({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM14.79 12.53L11.26 16.06C11.11 16.21 10.92 16.28 10.73 16.28C10.54 16.28 10.35 16.21 10.2 16.06C9.91 15.77 9.91 15.29 10.2 15L13.2 12L10.2 9C9.91 8.71 9.91 8.23 10.2 7.94C10.49 7.65 10.97 7.65 11.26 7.94L14.79 11.47C15.09 11.76 15.09 12.24 14.79 12.53Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-square-up.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowSquareUp({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowSquareUp({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-square-up.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowSquareUp({ variant = "outline", ...props }) {
+export function ArrowSquareUp({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.06 14C15.91 14.15 15.72 14.22 15.53 14.22C15.34 14.22 15.15 14.14 15 14L12 11L9 14C8.71 14.29 8.23 14.29 7.94 14C7.65 13.71 7.65 13.23 7.94 12.94L11.47 9.41C11.76 9.12 12.24 9.12 12.53 9.41L16.06 12.94C16.35 13.23 16.35 13.7 16.06 14Z", fill: "currentColor" }) }));
     }

package/dist/icons/arrows/arrow-square.d.ts

@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
-export declare function ArrowSquare({ variant, ...props }: SVGProps<SVGSVGElement> & {
+export declare function ArrowSquare({ variant, shape: _shape, ...props }: SVGProps<SVGSVGElement> & {
     variant?: "outline" | "solid";
+    shape?: "round";
 }): import("react").JSX.Element;

package/dist/icons/arrows/arrow-square.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ArrowSquare({ variant = "outline", ...props }) {
+export function ArrowSquare({ variant = "outline", shape: _shape = "round", ...props }) {
     if (variant === "solid") {
         return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "white", ...props, children: [_jsx("g", { clipPath: "url(#clip0_4418_8240)", children: _jsx("path", { d: "M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM19.35 8.84C19.31 8.93 19.26 9.01 19.19 9.08L17.39 10.88C17.24 11.03 17.05 11.1 16.86 11.1C16.67 11.1 16.48 11.03 16.33 10.88C16.04 10.59 16.04 10.11 16.33 9.82L16.85 9.3H16.7C14.6 9.3 12.88 11.01 12.88 13.11V15.07V17.24C12.88 17.65 12.54 17.99 12.13 17.99C11.72 17.99 11.38 17.65 11.38 17.24V15.07V13.11C11.38 11.01 9.67 9.3 7.57 9.3H7.15L7.67 9.82C7.96 10.11 7.96 10.59 7.67 10.88C7.52 11.03 7.33 11.1 7.14 11.1C6.95 11.1 6.76 11.03 6.61 10.88L4.81 9.08C4.52 8.79 4.52 8.31 4.81 8.02L6.61 6.22C6.9 5.93 7.38 5.93 7.67 6.22C7.96 6.51 7.96 6.99 7.67 7.28L7.15 7.8H7.58C9.53 7.8 11.22 8.87 12.14 10.44C13.06 8.87 14.75 7.8 16.71 7.8H16.86L16.34 7.28C16.05 6.99 16.05 6.51 16.34 6.22C16.63 5.93 17.11 5.93 17.4 6.22L19.2 8.02C19.27 8.09 19.32 8.17 19.36 8.26C19.43 8.45 19.43 8.66 19.35 8.84Z", fill: "currentColor" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_4418_8240", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
     }