@aircall/react-icons 0.2.0

package/README.md

@@ -0,0 +1,92 @@
+# @aircall/react-icons
+
+Aircall Design icons distributed as SVG React components.
+
+This package provides a modern, lightweight alternative to `@aircall/icons` without dependencies on `styled-components` or `@xstyled`.
+
+## Installation
+
+```bash
+pnpm add @aircall/react-icons
+```
+
+## Usage
+
+```tsx
+import { PlayFilled, PauseFilled } from '@aircall/react-icons';
+
+// Basic usage
+<PlayFilled />
+
+// With size prop (sets both width and height)
+<PlayFilled size={32} />
+<PlayFilled size="2rem" />
+
+// With individual dimensions
+<PlayFilled width={24} height={24} />
+
+// With color (inherits from CSS color)
+<PlayFilled style={{ color: 'red' }} />
+<PlayFilled className="text-primary" />
+
+// With ref
+const iconRef = useRef<SVGSVGElement>(null);
+<PlayFilled ref={iconRef} />
+
+// With other SVG props
+<PlayFilled aria-label="Play" role="img" />
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `size` | `number \| string` | `'24px'` | Sets both width and height |
+| `width` | `number \| string` | `'24px'` | Width of the icon (overridden by `size`) |
+| `height` | `number \| string` | `'24px'` | Height of the icon (overridden by `size`) |
+| `ref` | `Ref<SVGSVGElement>` | - | React ref forwarded to the SVG element |
+| `...props` | `SVGProps<SVGSVGElement>` | - | Any valid SVG props |
+
+## Migration from @aircall/icons
+
+Replace imports from `@aircall/icons` with `@aircall/react-icons`:
+
+```diff
+- import { PlayFilled } from '@aircall/icons';
++ import { PlayFilled } from '@aircall/react-icons';
+```
+
+The API is similar but without `styled-components` styling props. Use the `size` prop or standard CSS for styling.
+
+## Development
+
+Generate icons from SVGs:
+
+```bash
+pnpm --filter=@aircall/react-icons run generate:icons
+```
+
+Build the package:
+
+```bash
+pnpm --filter=@aircall/react-icons run build:package
+```
+
+## Icon Source
+
+Icons are sourced from the Figma design file:
+[Icons v2](https://www.figma.com/design/E7CkpbntmWohYYHk9a6E3H/%F0%9F%96%BC%EF%B8%8F-Icons-v2)
+
+SVG files should be placed in `src/svgs/` directory and follow the naming convention:
+- Use PascalCase with hyphens (e.g., `Play-Filled.svg`, `Chevron-Down-Outlined.svg`)
+- SVGR will convert these to component names (e.g., `PlayFilled`, `ChevronDownOutlined`)
+
+## Why this package?
+
+This package was created to provide a modern, lightweight alternative to `@aircall/icons` that:
+
+1. **No CSS-in-JS dependencies** - Removes the requirement for `styled-components` and `@xstyled`
+2. **Smaller bundle size** - Icons are pure SVG components with minimal wrapper code
+3. **Better tree-shaking** - Each icon is a separate file that can be individually imported
+4. **Modern React patterns** - Uses `React.forwardRef` for proper ref forwarding
+5. **TypeScript support** - Full TypeScript definitions for props and component types

package/dist/ActionItem.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgActionItem: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgActionItem as default };

package/dist/ActionItem.js

@@ -0,0 +1,25 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SvgActionItem = React.forwardRef(function SvgActionItem2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: [
+    /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4a8 8 0 1 0 8 8 1 1 0 1 1 2 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M20.707 5.293a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L11 13.586l8.293-8.293a1 1 0 0 1 1.414 0", clipRule: "evenodd" })
+  ] }));
+});
+var ActionItem_default = SvgActionItem;
+
+export { ActionItem_default as default };

package/dist/ActivityFill.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgActivityFill: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgActivityFill as default };

package/dist/ActivityFill.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgActivityFill = React.forwardRef(function SvgActivityFill2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "m4.99 12.46 6.169-9.596c.54-.84 1.841-.457 1.841.54V10h5.168a1 1 0 0 1 .842 1.54l-6.169 9.596c-.54.84-1.841.457-1.841-.54V14H5.832a1 1 0 0 1-.841-1.54" }) }));
+});
+var ActivityFill_default = SvgActivityFill;
+
+export { ActivityFill_default as default };

package/dist/Add.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgAdd: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgAdd as default };

package/dist/Add.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgAdd = React.forwardRef(function SvgAdd2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M11 13v4a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2h-4V7a1 1 0 1 0-2 0v4H7a1 1 0 1 0 0 2z" }) }));
+});
+var Add_default = SvgAdd;
+
+export { Add_default as default };

package/dist/AddCircleFill.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgAddCircleFill: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgAddCircleFill as default };

package/dist/AddCircleFill.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgAddCircleFill = React.forwardRef(function SvgAddCircleFill2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0-15a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1", clipRule: "evenodd" }) }));
+});
+var AddCircleFill_default = SvgAddCircleFill;
+
+export { AddCircleFill_default as default };

package/dist/AddCircleOutline.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgAddCircleOutline: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgAddCircleOutline as default };

package/dist/AddCircleOutline.js

@@ -0,0 +1,25 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SvgAddCircleOutline = React.forwardRef(function SvgAddCircleOutline2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: [
+    /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M12 7a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 0 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1" }),
+    /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16", clipRule: "evenodd" })
+  ] }));
+});
+var AddCircleOutline_default = SvgAddCircleOutline;
+
+export { AddCircleOutline_default as default };

package/dist/AiPlaybook.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgAiPlaybook: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgAiPlaybook as default };

package/dist/AiPlaybook.js

@@ -0,0 +1,25 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SvgAiPlaybook = React.forwardRef(function SvgAiPlaybook2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: [
+    /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 18V9.753c.44.399.779.909.972 1.488.65 1.949 3.406 1.949 4.055 0a3.5 3.5 0 0 1 2.214-2.214c1.949-.65 1.949-3.406 0-4.055A3.5 3.5 0 0 1 9.118 3H18a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H8a4 4 0 0 1-4-4m10-8a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1a1 1 0 0 1 1-1M8 20a1 1 0 1 1 0-2h10v2z", clipRule: "evenodd" }),
+    /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M4 7.374a6 6 0 0 0-.61-.244.137.137 0 0 1 0-.26 5.5 5.5 0 0 0 3.48-3.48.137.137 0 0 1 .26 0 5.5 5.5 0 0 0 1.853 2.612 5.5 5.5 0 0 0 1.625.867.138.138 0 0 1 0 .261 5.5 5.5 0 0 0-2.393 1.588 5.5 5.5 0 0 0-1.085 1.89.138.138 0 0 1-.26 0 5.5 5.5 0 0 0-1.59-2.393A5.5 5.5 0 0 0 4 7.375" })
+  ] }));
+});
+var AiPlaybook_default = SvgAiPlaybook;
+
+export { AiPlaybook_default as default };

package/dist/AnalyticsGraphOutline.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgAnalyticsGraphOutline: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgAnalyticsGraphOutline as default };

package/dist/AnalyticsGraphOutline.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgAnalyticsGraphOutline = React.forwardRef(function SvgAnalyticsGraphOutline2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M20.21 7.99a2 2 0 1 0-1.827-.813L15.79 13.01a2 2 0 0 0-.73.223L10 10.07V10a2 2 0 1 0-3.67 1.102l-2.45 4.901a2 2 0 1 0 1.79.895l2.45-4.901c.295-.018.572-.1.82-.23L14 14.93V15a2 2 0 1 0 3.617-1.177z" }) }));
+});
+var AnalyticsGraphOutline_default = SvgAnalyticsGraphOutline;
+
+export { AnalyticsGraphOutline_default as default };

package/dist/AnalyticsPieChartFill.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgAnalyticsPieChartFill: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgAnalyticsPieChartFill as default };

package/dist/AnalyticsPieChartFill.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgAnalyticsPieChartFill = React.forwardRef(function SvgAnalyticsPieChartFill2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.055A9 9 0 1 0 19.945 12H12zM14 10V2.056A9 9 0 0 1 21.944 10z", clipRule: "evenodd" }) }));
+});
+var AnalyticsPieChartFill_default = SvgAnalyticsPieChartFill;
+
+export { AnalyticsPieChartFill_default as default };

package/dist/AnalyticsPlusFill.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgAnalyticsPlusFill: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgAnalyticsPlusFill as default };

package/dist/AnalyticsPlusFill.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgAnalyticsPlusFill = React.forwardRef(function SvgAnalyticsPlusFill2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10M10 7a2 2 0 1 1 4 0v3h3a2 2 0 1 1 0 4h-3v3a2 2 0 1 1-4 0v-3H7a2 2 0 1 1 0-4h3z", clipRule: "evenodd" }) }));
+});
+var AnalyticsPlusFill_default = SvgAnalyticsPlusFill;
+
+export { AnalyticsPlusFill_default as default };

package/dist/Archive.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgArchive: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgArchive as default };

package/dist/Archive.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgArchive = React.forwardRef(function SvgArchive2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.414 3.586A2 2 0 0 1 7.828 3h8.344a2 2 0 0 1 1.414.586l2.828 2.828A2 2 0 0 1 21 7.828V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7.828a2 2 0 0 1 .586-1.414zM6 7l2-2h8l2 2zm7 4a1 1 0 1 0-2 0v3.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L13 14.586z", clipRule: "evenodd" }) }));
+});
+var Archive_default = SvgArchive;
+
+export { Archive_default as default };

package/dist/ArchivesFill.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgArchivesFill: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgArchivesFill as default };

package/dist/ArchivesFill.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgArchivesFill = React.forwardRef(function SvgArchivesFill2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.414 3.586A2 2 0 0 1 7.828 3h8.344a2 2 0 0 1 1.414.586l2.828 2.828A2 2 0 0 1 21 7.828V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7.828a2 2 0 0 1 .586-1.414zM6 7l2-2h8l2 2zm10.707 4.707a1 1 0 0 0-1.414-1.414L11 14.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z", clipRule: "evenodd" }) }));
+});
+var ArchivesFill_default = SvgArchivesFill;
+
+export { ArchivesFill_default as default };

package/dist/ArrowDiagonalDownOutline.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgArrowDiagonalDownOutline: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgArrowDiagonalDownOutline as default };

package/dist/ArrowDiagonalDownOutline.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgArrowDiagonalDownOutline = React.forwardRef(function SvgArrowDiagonalDownOutline2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M16 7a1 1 0 1 1 2 0v10a1 1 0 0 1-1 1H7a1 1 0 1 1 0-2h7.586L6.293 7.707a1 1 0 0 1 1.414-1.414L16 14.586z", clipRule: "evenodd" }) }));
+});
+var ArrowDiagonalDownOutline_default = SvgArrowDiagonalDownOutline;
+
+export { ArrowDiagonalDownOutline_default as default };

package/dist/ArrowDiagonalDownOutline1.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgArrowDiagonalDownOutline1: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgArrowDiagonalDownOutline1 as default };

package/dist/ArrowDiagonalDownOutline1.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgArrowDiagonalDownOutline1 = React.forwardRef(function SvgArrowDiagonalDownOutline12(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M17 16a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0v7.586l8.293-8.293a1 1 0 1 1 1.414 1.414L9.414 16z", clipRule: "evenodd" }) }));
+});
+var ArrowDiagonalDownOutline1_default = SvgArrowDiagonalDownOutline1;
+
+export { ArrowDiagonalDownOutline1_default as default };

package/dist/ArrowDiagonalUpOutline.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgArrowDiagonalUpOutline: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgArrowDiagonalUpOutline as default };

package/dist/ArrowDiagonalUpOutline.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgArrowDiagonalUpOutline = React.forwardRef(function SvgArrowDiagonalUpOutline2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M7 8a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L14.586 8z", clipRule: "evenodd" }) }));
+});
+var ArrowDiagonalUpOutline_default = SvgArrowDiagonalUpOutline;
+
+export { ArrowDiagonalUpOutline_default as default };

package/dist/ArrowDiagonalUpOutline1.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgArrowDiagonalUpOutline1: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgArrowDiagonalUpOutline1 as default };

package/dist/ArrowDiagonalUpOutline1.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgArrowDiagonalUpOutline1 = React.forwardRef(function SvgArrowDiagonalUpOutline12(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M7 8a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L14.586 8z", clipRule: "evenodd" }) }));
+});
+var ArrowDiagonalUpOutline1_default = SvgArrowDiagonalUpOutline1;
+
+export { ArrowDiagonalUpOutline1_default as default };

package/dist/ArrowDownCircleFill.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgArrowDownCircleFill: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgArrowDownCircleFill as default };

package/dist/ArrowDownCircleFill.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgArrowDownCircleFill = React.forwardRef(function SvgArrowDownCircleFill2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m5-10-3.586 3.586a2 2 0 0 1-2.828 0L7 12a1.414 1.414 0 0 1 2-2l3 3 3-3a1.414 1.414 0 1 1 2 2", clipRule: "evenodd" }) }));
+});
+var ArrowDownCircleFill_default = SvgArrowDownCircleFill;
+
+export { ArrowDownCircleFill_default as default };

package/dist/ArrowDownOutline.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { I as IconProps } from './types-3adeb923.js';
+
+declare const SvgArrowDownOutline: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+export { SvgArrowDownOutline as default };

package/dist/ArrowDownOutline.js

@@ -0,0 +1,22 @@
+import { __objRest, __spreadProps, __spreadValues } from './chunk-G2ADBYYC.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SvgArrowDownOutline = React.forwardRef(function SvgArrowDownOutline2(_a, ref) {
+  var _b = _a, {
+    size,
+    width,
+    height
+  } = _b, props = __objRest(_b, [
+    "size",
+    "width",
+    "height"
+  ]);
+  var _a2, _b2;
+  const computedWidth = (_a2 = size != null ? size : width) != null ? _a2 : "24px";
+  const computedHeight = (_b2 = size != null ? size : height) != null ? _b2 : "24px";
+  return /* @__PURE__ */ jsx("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: computedWidth, height: computedHeight, fill: "none", viewBox: "0 0 24 24", ref, "aria-hidden": true }, props), { children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.707 11.293a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 1 1 1.414-1.414L11 16.586V5a1 1 0 1 1 2 0v11.586l5.293-5.293a1 1 0 0 1 1.414 0", clipRule: "evenodd" }) }));
+});
+var ArrowDownOutline_default = SvgArrowDownOutline;
+
+export { ArrowDownOutline_default as default };