@indxsearch/pixl 1.0.3 → 1.0.5

package/README.md

@@ -1,45 +1,33 @@
-# @indx-pixl/icons
+# `indx-pixl` — React Icon Components from Figma
 
-A collection of React TypeScript icons.
+`indx-pixl` is a strict 7x5 pixel grid icon set for React.
 
-## Installation
+## 📦 Installation
 
 ```bash
-npm install @indxsearch/pixl
+npm install indx-pixl
+# or
+yarn add indx-pixl
 ```
 
-## Usage
+## 🛠 Usage
 
 ```tsx
-import { MenuIcon, SearchIcon } from '@indx-pixl/icons';
-
-const MyComponent = () => {
-  return (
-    <div>
-      <MenuIcon color="#FF0000" width={24} height={24} />
-      <SearchIcon color="#00FF00" width={24} height={24} />
-    </div>
-  );
-};
-```
-
-## Props
+import { Typing } from 'indx-pixl';
 
-All icons accept the following props:
-
-- `color`: string (default: 'currentColor')
-- `width`: number
-- `height`: number
-- Other SVG props (className, style, etc.)
+const Example = () => (
+  <Typing size={48} color="blue" />
+);
+```
 
-## Development
+Each icon accepts two optional props:
+- `color` — Any CSS color (`string`)
+- `size` — A `number` (width in pixels), ideally use a number scaling with 7x5 ratio (14x10, 21x15, 28x20, etc.). The height is auto calculated.
 
-To add new icons:
+## 📜 License
 
-1. Place SVG files in the `main-icons` directory
-2. Run `npm run convert` to generate TypeScript components
-3. Run `npm run build` to build the package
+MIT
 
-## License
+---
 
-ISC 
+Made by [Indx Search](https://indx.co)

package/dist/Align_center.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Align_center: React.FC<IconProps>;
+export default Align_center;

package/dist/Align_center.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Align_center = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5 5H2V4H5V5ZM6 3H1V2H6V3ZM5 1H2V0H5V1Z", fill: color }) }));
+};
+export default Align_center;

package/dist/Align_justify.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Align_justify: React.FC<IconProps>;
+export default Align_justify;

package/dist/Align_justify.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Align_justify = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6 5H1V4H6V5ZM6 3H1V2H6V3ZM6 1H1V0H6V1Z", fill: color }) }));
+};
+export default Align_justify;

package/dist/Align_left.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Align_left: React.FC<IconProps>;
+export default Align_left;

package/dist/Align_left.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Align_left = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4 5H1V4H4V5ZM6 3H1V2H6V3ZM4 1H1V0H4V1Z", fill: color }) }));
+};
+export default Align_left;

package/dist/Align_right.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Align_right: React.FC<IconProps>;
+export default Align_right;

package/dist/Align_right.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Align_right = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6 5H3V4H6V5ZM6 3H1V2H6V3ZM6 1H3V0H6V1Z", fill: color }) }));
+};
+export default Align_right;

package/dist/Analytics.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Analytics: React.FC<IconProps>;
+export default Analytics;

package/dist/Analytics.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Analytics = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H2V5H3V0ZM1 2H0V5H1V2ZM4 3H5V5H4V3ZM7 1H6V5H7V1Z", fill: color }) }));
+};
+export default Analytics;

package/dist/Anchor.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Anchor: React.FC<IconProps>;
+export default Anchor;

package/dist/Anchor.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Anchor = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 0H3V1H2V2H3V3V4H2V3H1V4H2V5H3H5V4H6V3H5V4H4V3V2H5V1H4V0ZM4 1V2H3V1H4Z", fill: color }) }));
+};
+export default Anchor;

package/dist/ArrowDown.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const ArrowDown: React.FC<IconProps>;
+export default ArrowDown;

package/dist/ArrowDown.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ArrowDown = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 0H3V1V2V3H2V2H1V3H2V4H3V5H4V4H5V3H6V2H5V3H4V2V1V0ZM4 3V4H3V3H4Z", fill: color }) }));
+};
+export default ArrowDown;

package/dist/ArrowLeft.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const ArrowLeft: React.FC<IconProps>;
+export default ArrowLeft;

package/dist/ArrowLeft.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ArrowLeft = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 1H2V2H3H4H5H6V3H5H4H3H2V4H3V5H2V4H1V3H0V2H1V1H2V0H3V1ZM1 2V3H2V2H1Z", fill: color }) }));
+};
+export default ArrowLeft;

package/dist/ArrowRight.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const ArrowRight: React.FC<IconProps>;
+export default ArrowRight;

package/dist/ArrowRight.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ArrowRight = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 0H4V1H5V2H4H3H2H1V3H2H3H4H5V4H4V5H5V4H6V3H7V2H6V1H5V0ZM6 2H5V3H6V2Z", fill: color }) }));
+};
+export default ArrowRight;

package/dist/ArrowUp.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const ArrowUp: React.FC<IconProps>;
+export default ArrowUp;

package/dist/ArrowUp.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ArrowUp = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 5H3V4V3V2H2V3H1V2H2V1H3V0H4V1H5V2H6V3H5V2H4V3V4V5ZM4 2V1H3V2H4Z", fill: color }) }));
+};
+export default ArrowUp;

package/dist/Arrow_down_left.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Arrow_down_left: React.FC<IconProps>;
+export default Arrow_down_left;

package/dist/Arrow_down_left.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Arrow_down_left = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 1H3V0H2V1ZM1 2V1H2V2H3H4H5V1V0H6V1V2H5V3H4H3H2V4H3V5H2V4H1V3H0V2H1ZM1 2V3H2V2H1Z", fill: color }) }));
+};
+export default Arrow_down_left;

package/dist/Arrow_down_right.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Arrow_down_right: React.FC<IconProps>;
+export default Arrow_down_right;

package/dist/Arrow_down_right.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Arrow_down_right = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 0H5V1H4V0ZM6 2V1H5V2H4H3H2V1V0H1V1V2H2V3H3H4H5V4H4V5H5V4H6V3H7V2H6ZM6 2V3H5V2H6Z", fill: color }) }));
+};
+export default Arrow_down_right;

package/dist/Arrow_left_down.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Arrow_left_down: React.FC<IconProps>;
+export default Arrow_left_down;

package/dist/Arrow_left_down.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Arrow_left_down = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 1H6V0H5H4V1H5ZM3 3V2V1H4V2V3H5V2H6V3H5V4H4V5H3V4H2V3H1V2H2V3H3ZM3 3V4H4V3H3Z", fill: color }) }));
+};
+export default Arrow_left_down;

package/dist/Arrow_left_up.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Arrow_left_up: React.FC<IconProps>;
+export default Arrow_left_up;

package/dist/Arrow_left_up.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Arrow_left_up = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 4H6V5H5H4V4H5ZM3 2V3V4H4V3V2H5V3H6V2H5V1H4V0H3V1H2V2H1V3H2V2H3ZM3 2V1H4V2H3Z", fill: color }) }));
+};
+export default Arrow_left_up;

package/dist/Arrow_right_down.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Arrow_right_down: React.FC<IconProps>;
+export default Arrow_right_down;

package/dist/Arrow_right_down.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Arrow_right_down = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 0H2H3V1H2H1V0ZM4 3V2V1H3V2V3H2V2H1V3H2V4H3V5H4V4H5V3H6V2H5V3H4ZM4 3V4H3V3H4Z", fill: color }) }));
+};
+export default Arrow_right_down;

package/dist/Arrow_right_up.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Arrow_right_up: React.FC<IconProps>;
+export default Arrow_right_up;

package/dist/Arrow_right_up.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Arrow_right_up = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 5H2H3V4H2H1V5ZM4 2V3V4H3V3V2H2V3H1V2H2V1H3V0H4V1H5V2H6V3H5V2H4ZM4 2V1H3V2H4Z", fill: color }) }));
+};
+export default Arrow_right_up;

package/dist/Bar_code.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Bar_code: React.FC<IconProps>;
+export default Bar_code;

package/dist/Bar_code.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Bar_code = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M1 5H0V0H1V5ZM3 5H2V4H3V5ZM5 5H4V4H5V5ZM7 5H6V0H7V5ZM3 3H2V0H3V3ZM5 3H4V0H5V3Z", fill: color }) }));
+};
+export default Bar_code;

package/dist/Battery.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Battery: React.FC<IconProps>;
+export default Battery;

package/dist/Battery.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Battery = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6 3V2H5V1H3V4H5V3H6ZM7 4H6V5H0V0H6V1H7V4Z", fill: color }) }));
+};
+export default Battery;

package/dist/Bell.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Bell: React.FC<IconProps>;
+export default Bell;

package/dist/Bell.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Bell = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M3 1V0H4V1H5V3H6V4H4V5H3V4H1V3H2V1H3Z", fill: color }) }));
+};
+export default Bell;

package/dist/Book.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Book: React.FC<IconProps>;
+export default Book;

package/dist/Book.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Book = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4 5H3V4H0V1H1V3H3V1H4V3H6V1H7V4H4V5ZM3 1H1V0H3V1ZM6 1H4V0H6V1Z", fill: color }) }));
+};
+export default Book;

package/dist/Boost.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Boost: React.FC<IconProps>;
+export default Boost;

package/dist/Boost.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Boost = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M2 5H1V4H2V5ZM4 2H5V3H4V5H3V4H2V3H1V2H3V1H4V2ZM6 2H5V1H4V0H6V2Z", fill: color }) }));
+};
+export default Boost;

package/dist/Card.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Card: React.FC<IconProps>;
+export default Card;

package/dist/Card.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Card = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M7 5H0V0H7V5ZM1 4H6V3H1V4ZM1 2H2V1H1V2Z", fill: color }) }));
+};
+export default Card;

package/dist/Check.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Check: React.FC<IconProps>;
+export default Check;

package/dist/Check.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Check = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 0H6V1H5V2H4V3H3V4H2V3H1V2H0V3H1V4H2V5H3V4H4V3H5V2H6V1H7V0Z", fill: color }) }));
+};
+export default Check;

package/dist/Chevron_down.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Chevron_down: React.FC<IconProps>;
+export default Chevron_down;

package/dist/Chevron_down.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Chevron_down = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 1H2V2H1V1ZM3 3H2V2H3V3ZM4 3V4H3V3H4ZM5 2H4V3H5V2ZM5 2V1H6V2H5Z", fill: color }) }));
+};
+export default Chevron_down;

package/dist/Chevron_left.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Chevron_left: React.FC<IconProps>;
+export default Chevron_left;

package/dist/Chevron_left.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Chevron_left = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 1H4V0H5V1ZM3 2V1H4V2H3ZM3 3V2H2V3H3ZM4 4H3V3H4V4ZM4 4H5V5H4V4Z", fill: color }) }));
+};
+export default Chevron_left;

package/dist/Chevron_right.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Chevron_right: React.FC<IconProps>;
+export default Chevron_right;

package/dist/Chevron_right.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Chevron_right = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H2V1H3V2H4V3H3V4H2V5H3V4H4V3H5V2H4V1H3V0Z", fill: color }) }));
+};
+export default Chevron_right;

package/dist/Chevron_up.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Chevron_up: React.FC<IconProps>;
+export default Chevron_up;

package/dist/Chevron_up.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Chevron_up = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 2H4V3H5V4H6V3H5V2H4V1H3V2ZM2 3V2H3V3H2ZM2 3V4H1V3H2Z", fill: color }) }));
+};
+export default Chevron_up;

package/dist/Circle.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Circle: React.FC<IconProps>;
+export default Circle;

package/dist/Circle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Circle = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5 5H2V4H5V5ZM2 4H1V1H2V4ZM6 4H5V1H6V4ZM5 0V1H2V0H5Z", fill: color }) }));
+};
+export default Circle;

package/dist/Clock.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = {
+    color?: string;
+    size?: number | string;
+};
+declare const Clock: React.FC<IconProps>;
+export default Clock;

package/dist/Clock.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Clock = ({ color = "black", size = 21, }) => {
+    const aspectRatio = 0.7142857142857143;
+    const width = size;
+    const height = typeof size === "number" ? size * aspectRatio : `calc(${size} * 0.7142857142857143)`;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 7 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 0H3H4H5V1H4V2H5V1H6V2V3V4H5V3H4H3V2V1H2V0ZM2 4H1V3V2V1H2V2V3V4ZM2 4V5H3H4H5V4H4H3H2Z", fill: color }) }));
+};
+export default Clock;