@scaleflex/icons-tw 0.0.1

package/LICENSE

@@ -0,0 +1,33 @@
+MIT License
+
+Copyright (c) 2022 SCALEFLEX SAS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"),
+to use the Software without restriction for personal purposes only. If you intend to use, copy, modify, distribute, sell, or lease any part of our Software for
+commercial or corporate purposes,
+you are required to contact the Scaleflex Sales team (sales@scaleflex.com) to settle the payment of a yearly licensing subscription of five thousand euros.
+If you are proven to be in violation of this condition, you agree to pay a ten thousand euro penalty charge in addition to the yearly licensing subscription.
+
+By utilizing the "Software", you acknowledge and unconditionally agree to be bound by these Terms, which are associated with the Scaleflex Services Terms and Conditions,
+which can be found at www.scaleflex.com:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---------------------------------------------------------------------------------
+
+Publicity
+
+You agree that Scaleflex may reference and use Your name, logos and trademarks in 
+Scaleflex marketing and promotional materials, including, but not limited to the 
+Scaleflex Websites, solely for purposes of identifying You as a customer of Scaleflex. 
+Otherwise, neither party may use the trade names, trademarks, service marks, or logos
+of the other party without the express written consent of the other party.

package/README.md

@@ -0,0 +1,28 @@
+# @scaleflex/icons
+
+SVG icons as React components.
+
+---
+
+TODO: update doc
+
+## Installation
+
+```shell script
+npm i @scaleflex/icons # react react-dom
+```
+
+```shell script
+yarn add @scaleflex/icons # react react-dom
+```
+
+> Make sure to have `react` and `react-dom` installed in your package as they are included in our peer dependencies.
+
+## Usage
+
+Every icon present in this package is a pure React component, wrapping plain `svg` element.
+Each component is exported by default and gives access to the `ref` and `className` props, as well as standard `svg` attributes.
+
+```typescript jsx
+import DownloadIcon from '@scaleflex/icons-tw/download'
+```

package/arrow-bottom.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const ArrowBottom: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default ArrowBottom;

package/arrow-bottom.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var ArrowBottom = function ArrowBottom(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "ArrowBottom",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 11 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.8468 3.13984C11.0457 3.33138 11.0517 3.64791 10.8602 3.84682L6.04534 8.84682C5.95332 8.94238 5.82709 8.99746 5.69445 8.99991C5.5618 9.00237 5.43362 8.95201 5.33812 8.85992L0.152931 3.85992C-0.0458479 3.66824 -0.0516033 3.35171 0.140078 3.15293C0.331758 2.95415 0.648288 2.9484 0.847067 3.14008L5.67208 7.79277L10.1398 3.15318C10.3314 2.95427 10.6479 2.9483 10.8468 3.13984Z",
+    fill: color
+  }));
+};
+export default ArrowBottom;

package/arrow.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const Arrow: ({ stroke, size, ref, ...rest }: IconProps) => JSX.Element;
+export default Arrow;

package/arrow.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["stroke", "size", "ref"];
+import React from 'react';
+export var Arrow = function Arrow(_ref) {
+  var _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? 'currentColor' : _ref$stroke,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 10 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "Arrow",
+    ref: ref,
+    width: size * (51 / 56),
+    height: size,
+    viewBox: "0 0 51 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M12.2754 3L37.2754 27.0741L12.2754 53",
+    stroke: stroke,
+    strokeWidth: "5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export default Arrow;

package/copy-outline.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const CopyOutline: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default CopyOutline;

package/copy-outline.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var CopyOutline = function CopyOutline(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "CopyOutline",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.33984 12.111V2.04761C2.33984 1.49532 2.78756 1.04761 3.33984 1.04761H10.8182C11.3705 1.04761 11.8182 1.49532 11.8182 2.04761V12.111C11.8182 12.6633 11.3705 13.111 10.8182 13.111H3.33984C2.78756 13.111 2.33984 12.6633 2.33984 12.111ZM3.33984 12.111V2.04761L10.8182 2.04761L10.8182 12.111L3.33984 12.111Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.66 4.97388C13.66 4.69774 13.4361 4.47388 13.16 4.47388C12.8838 4.47388 12.66 4.69774 12.66 4.97388V13.9523H5.40491C5.12876 13.9523 4.90491 14.1761 4.90491 14.4523C4.90491 14.7284 5.12876 14.9523 5.40491 14.9523H13.16C13.4361 14.9523 13.66 14.7284 13.66 14.4523V4.97388Z",
+    fill: color
+  }));
+};
+export default CopyOutline;

package/cross-outline.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const CrossOutline: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default CrossOutline;

package/cross-outline.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var CrossOutline = function CrossOutline(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "CrossOutline",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 44 44",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M43.3196 40.0403C44.2253 40.9461 44.2253 42.4146 43.3196 43.3204C42.4138 44.2262 40.9453 44.2262 40.0396 43.3204L21.9997 25.2802L3.95952 43.3207C3.05376 44.2264 1.58525 44.2264 0.679494 43.3207C-0.226258 42.4149 -0.226258 40.9464 0.679495 40.0406L18.7197 22.0001L0.679313 3.95941C-0.226437 3.05364 -0.226439 1.5851 0.679314 0.679328C1.58507 -0.226442 3.05358 -0.226443 3.95934 0.679328L21.9997 18.72L40.0398 0.679604C40.9455 -0.226163 42.414 -0.226165 43.3198 0.679605C44.2255 1.58537 44.2255 3.05392 43.3198 3.95969L25.2797 22.0001L43.3196 40.0403Z",
+    fill: color
+  }));
+};
+export default CrossOutline;

package/download.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const Download: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default Download;

package/download.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var Download = function Download(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "Download",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 50 50",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M36.8805 21.0001C36.6807 20.472 36.0813 20.0494 35.4818 20.0494H30.4468V1.58463C30.4468 0.739559 29.7475 0.00012207 28.9483 0.00012207H21.0361C20.2369 0.00012207 19.5376 0.739559 19.5376 1.58463V20.1551H14.5025C13.9031 20.1551 13.4036 20.472 13.1039 21.1058C12.9041 21.6339 13.004 22.3734 13.3037 22.7959L23.7934 35.4719C24.0931 35.7888 24.4927 36.0001 24.8923 36.0001C25.2919 36.0001 25.6915 35.7888 25.9912 35.4719L36.4809 22.7959C37.0803 22.2677 37.0803 21.6339 36.8805 21.0001Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M43.7343 34.0001V43.6001H6.26566V34.0001H0V46.8001C0 48.6135 1.35756 50.0001 3.13283 50.0001H46.8672C48.6424 50.0001 50 48.6135 50 46.8001V34.0001H43.7343Z",
+    fill: color
+  }));
+};
+export default Download;

package/eye-closed.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const EyeClosed: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default EyeClosed;

package/eye-closed.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var EyeClosed = function EyeClosed(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "EyeClosed",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 44 44",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M36.2553 6.05501C36.5966 5.71376 37.1514 5.71376 37.4926 6.05501C37.8339 6.39626 37.8339 6.95103 37.4926 7.29228L32.3765 12.4084C38.3601 15.8067 42.6046 20.7607 42.7917 20.9825C43.0682 21.3097 43.0699 21.7874 42.7936 22.113C42.3893 22.5908 32.7818 33.7978 22.0001 33.7978C18.9909 33.7978 15.9678 33.1203 13.0065 31.7785L7.74272 37.0423C7.57292 37.2121 7.34897 37.2978 7.12495 37.2978C6.90092 37.2978 6.67698 37.212 6.50545 37.0423C6.1642 36.701 6.1642 36.1462 6.50545 35.805L17.0426 25.2678C17.0453 25.265 17.0481 25.2622 17.0509 25.2595C17.0531 25.2573 17.0553 25.2551 17.0575 25.2529L25.7063 16.6041C25.7081 16.6023 25.7098 16.6005 25.7116 16.5987C25.7134 16.5969 25.7152 16.5952 25.717 16.5934L30.2895 12.0208C30.3028 12.0067 30.3164 11.9931 30.3304 11.9799L36.2553 6.05501ZM31.0895 13.6954L27.5301 17.2548C28.4835 18.476 28.9998 19.9721 28.9998 21.5478C28.9998 25.4083 25.8603 28.5478 21.9999 28.5478C20.4242 28.5478 18.9281 28.0314 17.7069 27.078L14.3353 30.4497C16.8728 31.5113 19.445 32.0478 22 32.0478C30.6537 32.0478 38.863 23.8071 40.9489 21.5478C39.6267 20.1195 35.855 16.3016 31.0895 13.6954ZM18.9574 25.8276C19.8392 26.458 20.8929 26.7977 21.9999 26.7977C24.8943 26.7977 27.2499 24.4422 27.2499 21.5477C27.2499 20.4409 26.9092 19.3873 26.2793 18.5056L18.9574 25.8276Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M27.7418 10.3057C25.7504 9.63545 23.8184 9.29773 22.0001 9.29773C11.2183 9.29773 1.61084 20.5047 1.20659 20.9825C0.951064 21.2835 0.930064 21.721 1.15762 22.0482C1.27837 22.2215 4.17111 26.3287 9.18485 29.659C9.33358 29.7587 9.49985 29.806 9.66785 29.806C9.94963 29.806 10.2279 29.6695 10.3959 29.4122C10.6636 29.0115 10.5534 28.4672 10.1509 28.2012C6.46889 25.753 3.94889 22.7973 3.00561 21.595C5.01989 19.4075 13.2834 11.0478 22.0001 11.0478C23.6293 11.0478 25.3741 11.3558 27.1835 11.963C27.642 12.1275 28.139 11.8738 28.2913 11.4135C28.4453 10.955 28.2003 10.4598 27.7418 10.3057Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M23.2197 14.6685C22.8224 14.5985 22.4164 14.5477 22 14.5477C18.1395 14.5477 15 17.6872 15 21.5477C15 21.9642 15.0508 22.3702 15.1225 22.7674C15.1977 23.1909 15.567 23.4902 15.9817 23.4902C16.0325 23.4902 16.0832 23.4867 16.1357 23.4762C16.6099 23.3922 16.9285 22.9371 16.8445 22.4629C16.7902 22.1654 16.75 21.8627 16.75 21.5477C16.75 18.6532 19.1055 16.2977 22 16.2977C22.315 16.2977 22.6177 16.338 22.9152 16.3905C23.3807 16.485 23.8444 16.1559 23.9284 15.6817C24.0124 15.2075 23.694 14.7525 23.2197 14.6685Z",
+    fill: color
+  }));
+};
+export default EyeClosed;

package/eye-open.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const EyeOpen: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default EyeOpen;

package/eye-open.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var EyeOpen = function EyeOpen(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "EyeOpen",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 50 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M25 31.625C8.64336 31.625 0.533984 17.3656 0.196875 16.759C-0.065625 16.2867 -0.065625 15.7129 0.196875 15.2406C0.533984 14.6344 8.64336 0.375 25 0.375C41.3566 0.375 49.466 14.6344 49.8031 15.241C50.0656 15.7133 50.0656 16.2871 49.8031 16.7594C49.466 17.3656 41.3566 31.625 25 31.625ZM3.40117 15.9977C5.25977 18.8145 12.557 28.5 25 28.5C37.4824 28.5 44.7473 18.8223 46.5988 16.0023C44.7402 13.1855 37.443 3.5 25 3.5C12.5176 3.5 5.25273 13.1777 3.40117 15.9977ZM25 25.375C19.8305 25.375 15.625 21.1695 15.625 16C15.625 10.8305 19.8305 6.625 25 6.625C30.1695 6.625 34.375 10.8305 34.375 16C34.375 21.1695 30.1695 25.375 25 25.375ZM25 9.75C21.5539 9.75 18.75 12.5539 18.75 16C18.75 19.4461 21.5539 22.25 25 22.25C28.4461 22.25 31.25 19.4461 31.25 16C31.25 12.5539 28.4461 9.75 25 9.75Z",
+    fill: color
+  }));
+};
+export default EyeOpen;

package/heart.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const Heart: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default Heart;

package/heart.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var Heart = function Heart(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "Heart",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 50 50",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M36.9937 3C34.2805 3 31.793 3.85977 29.6004 5.55547C27.4983 7.18115 26.0988 9.25176 25.2749 10.7574C24.451 9.25166 23.0515 7.18115 20.9494 5.55547C18.7568 3.85977 16.2693 3 13.5562 3C5.98467 3 0.274902 9.19307 0.274902 17.4057C0.274902 26.2781 7.39824 32.3485 18.182 41.5383C20.0133 43.0989 22.089 44.8679 24.2464 46.7545C24.5308 47.0035 24.896 47.1406 25.2749 47.1406C25.6538 47.1406 26.019 47.0035 26.3034 46.7546C28.461 44.8677 30.5366 43.0988 32.3689 41.5373C43.1516 32.3485 50.2749 26.2781 50.2749 17.4057C50.2749 9.19307 44.5651 3 36.9937 3Z",
+    fill: color
+  }));
+};
+export default Heart;

package/icon.props.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, Ref } from 'react';
+import type { IntrinsicComponent, StylableComponent } from './utils/types';
+export interface IconProps extends IntrinsicComponent<HTMLAttributes<SVGSVGElement>>, StylableComponent {
+    size?: number;
+    width?: string | number;
+    height?: string | number;
+    color?: string;
+    color2?: string;
+    stroke?: string;
+    stroke2?: string;
+    viewBox?: string;
+    className?: string;
+    ref?: Ref<SVGSVGElement>;
+}

package/icon.props.js

@@ -0,0 +1 @@
+export {};

package/intermediate.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const Intermediate: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default Intermediate;

package/intermediate.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var Intermediate = function Intermediate(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "Intermediate",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M0.75 7.00006C0.75 6.48229 1.16973 6.06256 1.6875 6.06256H12.3125C12.8303 6.06256 13.25 6.48229 13.25 7.00006C13.25 7.51783 12.8303 7.93756 12.3125 7.93756H1.6875C1.16973 7.93756 0.75 7.51783 0.75 7.00006Z",
+    fill: color
+  }));
+};
+export default Intermediate;

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@scaleflex/icons-tw",
+  "version": "0.0.1",
+  "author": "scaleflex",
+  "repository": "github:scaleflex/ui",
+  "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "typescript"
+  ],
+  "description": "SVG icons as React components",
+  "devDependencies": {
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "@types/react": ">=19.0.0",
+    "@types/react-dom": ">=19.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "sideEffects": false,
+  "browserslist": {
+    "production": [
+      "edge >= 14",
+      "firefox >= 52",
+      "chrome >= 49",
+      "safari >= 10"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ],
+    "ssr": [
+      "node >= 12"
+    ]
+  },
+  "engines": {
+    "node": ">=12"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/spinner.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import type { IconProps } from './icon.props';
+export declare const Spinner: ({ color, size, ref, ...rest }: IconProps) => ReactElement;
+export default Spinner;

package/spinner.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var Spinner = function Spinner(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 28 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "Spinner",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 50 50",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M41.3465 44.355C33.5656 50.7844 22.9687 51.6268 14.3708 47.3665L17.8949 44.4545C24.754 47.117 32.7424 46.1093 38.709 41.1792C44.6755 36.249 47.1546 28.6071 45.8085 21.3893L49.3325 18.4773C51.9291 27.6967 49.1274 37.9256 41.3465 44.355Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M36.1749 2.63356L32.6509 5.54555C25.821 2.91828 17.838 3.86187 11.8366 8.82088C5.87009 13.7511 3.42028 21.4282 4.7372 28.6107L1.21311 31.5227C-1.38344 22.3034 1.45314 12.0456 9.19916 5.64502C16.9801 -0.784402 27.5768 -1.62682 36.1749 2.63356Z",
+    fill: color
+  }));
+};
+export default Spinner;

package/success.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const Success: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default Success;

package/success.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var Success = function Success(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "Success",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 50 50",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M25 50C38.8071 50 50 38.8071 50 25C50 11.1929 38.8071 0 25 0C11.1929 0 0 11.1929 0 25C0 38.8071 11.1929 50 25 50ZM38.0381 19.0686C38.9264 18.1139 38.8725 16.6199 37.9177 15.7317C36.963 14.8435 35.469 14.8974 34.5808 15.8521L22.2804 29.0733L15.4192 21.6984C14.531 20.7437 13.037 20.6898 12.0823 21.578C11.1275 22.4662 11.0736 23.9602 11.9618 24.915L20.5517 34.1479C20.9984 34.628 21.6246 34.9008 22.2804 34.9008C22.9362 34.9008 23.5624 34.628 24.0091 34.1479L38.0381 19.0686Z",
+    fill: color
+  }));
+};
+export default Success;

package/tick.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const Tick: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default Tick;

package/tick.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var Tick = function Tick(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "Tick",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M12.9783 2.30184C12.7972 2.12074 12.586 2 12.3143 2C12.0728 2 11.8314 2.09055 11.6503 2.30184L4.73816 9.84779L2.29327 7.34254C2.11217 7.16143 1.8707 7.07088 1.62923 7.07088C1.38776 7.07088 1.14629 7.19162 0.995367 7.37272C0.663345 7.76511 0.663345 8.36879 1.02555 8.73099L4.13448 11.9003C4.31559 12.0814 4.52687 12.1719 4.76835 12.1719C5.00982 12.1719 5.25129 12.0814 5.43239 11.8701L12.9783 3.62993C13.3406 3.2979 13.3406 2.66404 12.9783 2.30184Z",
+    fill: color
+  }));
+};
+export default Tick;

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "esnext",
+    "moduleResolution": "node",
+    "lib": [
+      "esnext",
+      "dom"
+    ],
+    "jsx": "react",
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "allowSyntheticDefaultImports": true
+  }
+}

package/upload.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from './icon.props';
+export declare const Upload: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default Upload;

package/upload.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var Upload = function Upload(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 14 : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "data-icon-name": "Upload",
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 50 50",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M13.1195 15.0001C13.3193 15.5283 13.9187 15.9508 14.5181 15.9508H19.5531V34.4156C19.5531 35.2607 20.2525 36.0001 21.0517 36.0001H28.9639C29.7631 36.0001 30.4624 35.2607 30.4624 34.4156V15.8452H35.4974C36.0968 15.8452 36.5963 15.5283 36.8961 14.8945C37.0959 14.3663 36.9959 13.6269 36.6962 13.2043L26.2066 0.528297C25.9069 0.211396 25.5073 0.00012207 25.1077 0.00012207C24.7081 0.00012207 24.3085 0.211396 24.0088 0.528297L13.5191 13.2043C12.9197 13.7325 12.9197 14.3663 13.1195 15.0001Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M43.7343 34.0001V43.6001H6.26566V34.0001H0V46.8001C0 48.6135 1.35756 50.0001 3.13283 50.0001H46.8672C48.6424 50.0001 50 48.6135 50 46.8001V34.0001H43.7343Z",
+    fill: color
+  }));
+};
+export default Upload;

package/utils/functions/index.js

@@ -0,0 +1 @@
+// export * from './intrinsic-component';

package/utils/functions/intrinsic-component.js

@@ -0,0 +1,29 @@
+// DEPRECATED after React upgrade to v19
+// import {
+//   forwardRef,
+//   ForwardRefExoticComponent,
+//   ForwardRefRenderFunction,
+//   MutableRefObject,
+//   PropsWithoutRef,
+//   ReactElement,
+//   RefAttributes,
+// } from 'react';
+
+// interface RenderFunction<P, E>
+//   extends Pick<ForwardRefRenderFunction<E, P>, 'defaultProps' | 'displayName' | 'propTypes'> {
+//   (props: P, ref: ((instance: E | null) => void) | MutableRefObject<E | null> | null): ReactElement | null;
+// }
+
+// /**
+//  * Wrapper around React's `forwardRef` function, which adds a `displayName` to each component
+//  * created using it
+//  */
+// export function intrinsicComponent<P = Record<string, unknown>, E = HTMLElement>(
+//   render: RenderFunction<P, E>,
+//   displayName?: string
+// ): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<E>> {
+//   const component = forwardRef<E, P>(render);
+//   component.displayName = displayName || render.name;
+
+//   return component;
+// }

package/utils/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { StylableComponent } from './stylable-component';
+export type { IntrinsicComponent } from './intrinsic-component';

package/utils/types/index.js

@@ -0,0 +1 @@
+export {};

package/utils/types/intrinsic-component.d.ts

@@ -0,0 +1 @@
+export type IntrinsicComponent<P> = Omit<P, 'style' | 'children'>

package/utils/types/stylable-component.d.ts

@@ -0,0 +1,7 @@
+export type StylableComponent<S extends string | string[] = undefined> = (S extends undefined
+  ? {}
+  : {
+      customProperties?: Partial<Record<S extends string ? S : S[number], string | undefined>>
+    }) & {
+  className?: string
+}