magick-icons 0.1.44 → 0.1.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.mts +73 -1
- package/index.d.ts +73 -1
- package/index.js +58 -2
- package/index.js.map +1 -1
- package/index.mjs +53 -1
- package/index.mjs.map +1 -1
- package/package.json +1 -1
package/index.d.mts
CHANGED
|
@@ -36,4 +36,76 @@ interface FrameProps extends React.SVGProps<SVGSVGElement> {
|
|
|
36
36
|
*/
|
|
37
37
|
declare const Frame: React.ForwardRefExoticComponent<Omit<FrameProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
/**
|
|
40
|
+
* Props for the Google icon component
|
|
41
|
+
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
42
|
+
*/
|
|
43
|
+
interface GoogleProps extends React.SVGProps<SVGSVGElement> {
|
|
44
|
+
size?: number | string;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Google icon component
|
|
48
|
+
* @example
|
|
49
|
+
* ```tsx
|
|
50
|
+
* import { Google } from 'magick-icons';
|
|
51
|
+
*
|
|
52
|
+
* <Google size={24} className="text-blue-500" />
|
|
53
|
+
* ```
|
|
54
|
+
*/
|
|
55
|
+
declare const Google: React.ForwardRefExoticComponent<Omit<GoogleProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Props for the Magicko3DotsMore icon component
|
|
59
|
+
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
60
|
+
*/
|
|
61
|
+
interface Magicko3DotsMoreProps extends React.SVGProps<SVGSVGElement> {
|
|
62
|
+
size?: number | string;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Magicko3DotsMore icon component
|
|
66
|
+
* @example
|
|
67
|
+
* ```tsx
|
|
68
|
+
* import { Magicko3DotsMore } from 'magick-icons';
|
|
69
|
+
*
|
|
70
|
+
* <Magicko3DotsMore size={24} className="text-blue-500" />
|
|
71
|
+
* ```
|
|
72
|
+
*/
|
|
73
|
+
declare const Magicko3DotsMore: React.ForwardRefExoticComponent<Omit<Magicko3DotsMoreProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* Props for the MagickoArchive icon component
|
|
77
|
+
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
78
|
+
*/
|
|
79
|
+
interface MagickoArchiveProps extends React.SVGProps<SVGSVGElement> {
|
|
80
|
+
size?: number | string;
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* MagickoArchive icon component
|
|
84
|
+
* @example
|
|
85
|
+
* ```tsx
|
|
86
|
+
* import { MagickoArchive } from 'magick-icons';
|
|
87
|
+
*
|
|
88
|
+
* <MagickoArchive size={24} className="text-blue-500" />
|
|
89
|
+
* ```
|
|
90
|
+
*/
|
|
91
|
+
declare const MagickoArchive: React.ForwardRefExoticComponent<Omit<MagickoArchiveProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* Props for the MagickoChart icon component
|
|
95
|
+
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
96
|
+
*/
|
|
97
|
+
interface MagickoChartProps extends React.SVGProps<SVGSVGElement> {
|
|
98
|
+
size?: number | string;
|
|
99
|
+
}
|
|
100
|
+
/**
|
|
101
|
+
* MagickoChart icon component
|
|
102
|
+
* @example
|
|
103
|
+
* ```tsx
|
|
104
|
+
* import { MagickoChart } from 'magick-icons';
|
|
105
|
+
*
|
|
106
|
+
* <MagickoChart size={24} className="text-blue-500" />
|
|
107
|
+
* ```
|
|
108
|
+
*/
|
|
109
|
+
declare const MagickoChart: React.ForwardRefExoticComponent<Omit<MagickoChartProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
110
|
+
|
|
111
|
+
export { Enter, type EnterProps, Frame, type FrameProps, Google, type GoogleProps, Magicko3DotsMore, type Magicko3DotsMoreProps, MagickoArchive, type MagickoArchiveProps, MagickoChart, type MagickoChartProps };
|
package/index.d.ts
CHANGED
|
@@ -36,4 +36,76 @@ interface FrameProps extends React.SVGProps<SVGSVGElement> {
|
|
|
36
36
|
*/
|
|
37
37
|
declare const Frame: React.ForwardRefExoticComponent<Omit<FrameProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
/**
|
|
40
|
+
* Props for the Google icon component
|
|
41
|
+
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
42
|
+
*/
|
|
43
|
+
interface GoogleProps extends React.SVGProps<SVGSVGElement> {
|
|
44
|
+
size?: number | string;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Google icon component
|
|
48
|
+
* @example
|
|
49
|
+
* ```tsx
|
|
50
|
+
* import { Google } from 'magick-icons';
|
|
51
|
+
*
|
|
52
|
+
* <Google size={24} className="text-blue-500" />
|
|
53
|
+
* ```
|
|
54
|
+
*/
|
|
55
|
+
declare const Google: React.ForwardRefExoticComponent<Omit<GoogleProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Props for the Magicko3DotsMore icon component
|
|
59
|
+
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
60
|
+
*/
|
|
61
|
+
interface Magicko3DotsMoreProps extends React.SVGProps<SVGSVGElement> {
|
|
62
|
+
size?: number | string;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Magicko3DotsMore icon component
|
|
66
|
+
* @example
|
|
67
|
+
* ```tsx
|
|
68
|
+
* import { Magicko3DotsMore } from 'magick-icons';
|
|
69
|
+
*
|
|
70
|
+
* <Magicko3DotsMore size={24} className="text-blue-500" />
|
|
71
|
+
* ```
|
|
72
|
+
*/
|
|
73
|
+
declare const Magicko3DotsMore: React.ForwardRefExoticComponent<Omit<Magicko3DotsMoreProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* Props for the MagickoArchive icon component
|
|
77
|
+
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
78
|
+
*/
|
|
79
|
+
interface MagickoArchiveProps extends React.SVGProps<SVGSVGElement> {
|
|
80
|
+
size?: number | string;
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* MagickoArchive icon component
|
|
84
|
+
* @example
|
|
85
|
+
* ```tsx
|
|
86
|
+
* import { MagickoArchive } from 'magick-icons';
|
|
87
|
+
*
|
|
88
|
+
* <MagickoArchive size={24} className="text-blue-500" />
|
|
89
|
+
* ```
|
|
90
|
+
*/
|
|
91
|
+
declare const MagickoArchive: React.ForwardRefExoticComponent<Omit<MagickoArchiveProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* Props for the MagickoChart icon component
|
|
95
|
+
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
96
|
+
*/
|
|
97
|
+
interface MagickoChartProps extends React.SVGProps<SVGSVGElement> {
|
|
98
|
+
size?: number | string;
|
|
99
|
+
}
|
|
100
|
+
/**
|
|
101
|
+
* MagickoChart icon component
|
|
102
|
+
* @example
|
|
103
|
+
* ```tsx
|
|
104
|
+
* import { MagickoChart } from 'magick-icons';
|
|
105
|
+
*
|
|
106
|
+
* <MagickoChart size={24} className="text-blue-500" />
|
|
107
|
+
* ```
|
|
108
|
+
*/
|
|
109
|
+
declare const MagickoChart: React.ForwardRefExoticComponent<Omit<MagickoChartProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
110
|
+
|
|
111
|
+
export { Enter, type EnterProps, Frame, type FrameProps, Google, type GoogleProps, Magicko3DotsMore, type Magicko3DotsMoreProps, MagickoArchive, type MagickoArchiveProps, MagickoChart, type MagickoChartProps };
|
package/index.js
CHANGED
|
@@ -31,7 +31,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
31
31
|
var index_exports = {};
|
|
32
32
|
__export(index_exports, {
|
|
33
33
|
Enter: () => Enter,
|
|
34
|
-
Frame: () => Frame
|
|
34
|
+
Frame: () => Frame,
|
|
35
|
+
Google: () => Google,
|
|
36
|
+
Magicko3DotsMore: () => Magicko3DotsMore,
|
|
37
|
+
MagickoArchive: () => MagickoArchive,
|
|
38
|
+
MagickoChart: () => MagickoChart
|
|
35
39
|
});
|
|
36
40
|
module.exports = __toCommonJS(index_exports);
|
|
37
41
|
|
|
@@ -60,9 +64,61 @@ var Frame = import_react2.default.forwardRef(
|
|
|
60
64
|
}
|
|
61
65
|
);
|
|
62
66
|
Frame.displayName = "Frame";
|
|
67
|
+
|
|
68
|
+
// dist/icons/Google.tsx
|
|
69
|
+
var import_react3 = __toESM(require("react"));
|
|
70
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
71
|
+
var Google = import_react3.default.forwardRef(
|
|
72
|
+
({ size, ...props }, ref) => {
|
|
73
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", fill: "none", viewBox: "0 0 21 20", children: [
|
|
74
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "#4285f4", d: "M19.251 10.194c0-.72-.06-1.244-.188-1.789H10.68v3.248h4.92c-.099.807-.635 2.022-1.825 2.839l-.017.108 2.65 2.013.184.018c1.687-1.527 2.66-3.773 2.66-6.437" }),
|
|
75
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "#34a853", d: "M10.68 18.75c2.41 0 4.434-.778 5.912-2.12l-2.817-2.138c-.754.515-1.766.875-3.096.875A5.365 5.365 0 0 1 5.6 11.73l-.104.01-2.756 2.09-.036.098c1.468 2.858 4.484 4.822 7.976 4.822" }),
|
|
76
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "#fbbc05", d: "M5.6 11.73A5.3 5.3 0 0 1 5.301 10c0-.603.109-1.186.287-1.73l-.005-.117-2.79-2.123-.092.042A8.6 8.6 0 0 0 1.75 10c0 1.41.347 2.742.952 3.928z" }),
|
|
77
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "#eb4335", d: "M10.68 4.633c1.676 0 2.807.71 3.452 1.303l2.52-2.411c-1.548-1.41-3.562-2.275-5.973-2.275-3.492 0-6.508 1.964-7.976 4.822L5.59 8.27a5.39 5.39 0 0 1 5.09-3.636" })
|
|
78
|
+
] });
|
|
79
|
+
}
|
|
80
|
+
);
|
|
81
|
+
Google.displayName = "Google";
|
|
82
|
+
|
|
83
|
+
// dist/icons/Magicko3DotsMore.tsx
|
|
84
|
+
var import_react4 = __toESM(require("react"));
|
|
85
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
86
|
+
var Magicko3DotsMore = import_react4.default.forwardRef(
|
|
87
|
+
({ size, ...props }, ref) => {
|
|
88
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { fill: "#1e293b", d: "M5 10a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0" }) });
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
Magicko3DotsMore.displayName = "Magicko3DotsMore";
|
|
92
|
+
|
|
93
|
+
// dist/icons/MagickoArchive.tsx
|
|
94
|
+
var import_react5 = __toESM(require("react"));
|
|
95
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
96
|
+
var MagickoArchive = import_react5.default.forwardRef(
|
|
97
|
+
({ size, ...props }, ref) => {
|
|
98
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", fill: "none", viewBox: "0 0 18 18", children: [
|
|
99
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { fill: "#1e293b", d: "M12.75 17.959h-7.5c-2.75 0-3.125-1.5-3.125-3.125V7.517a.63.63 0 0 1 .625-.625.63.63 0 0 1 .625.625v7.317c0 1.45.25 1.875 1.875 1.875h7.5c1.625 0 1.875-.425 1.875-1.875V7.517a.63.63 0 0 1 .625-.625.63.63 0 0 1 .625.625v7.317c0 1.625-.375 3.125-3.125 3.125" }),
|
|
100
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { fill: "#1e293b", d: "M14.833 7.958H3.167C1.15 7.958.042 6.85.042 4.833V3.167C.042 1.15 1.15.042 3.167.042h11.666c2.017 0 3.125 1.108 3.125 3.125v1.666c0 2.017-1.108 3.125-3.125 3.125M3.167 1.292c-1.317 0-1.875.558-1.875 1.875v1.666c0 1.317.558 1.875 1.875 1.875h11.666c1.317 0 1.875-.558 1.875-1.875V3.167c0-1.317-.558-1.875-1.875-1.875zm7.35 10H7.483a.63.63 0 0 1-.625-.625.63.63 0 0 1 .625-.625h3.034a.63.63 0 0 1 .625.625.63.63 0 0 1-.625.625" })
|
|
101
|
+
] });
|
|
102
|
+
}
|
|
103
|
+
);
|
|
104
|
+
MagickoArchive.displayName = "MagickoArchive";
|
|
105
|
+
|
|
106
|
+
// dist/icons/MagickoChart.tsx
|
|
107
|
+
var import_react6 = __toESM(require("react"));
|
|
108
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
109
|
+
var MagickoChart = import_react6.default.forwardRef(
|
|
110
|
+
({ size, ...props }, ref) => {
|
|
111
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { fill: "#1e293b", d: "M3.333 18.958a2.29 2.29 0 0 1-2.291-2.291V8.333a2.29 2.29 0 0 1 2.291-2.291 2.29 2.29 0 0 1 2.292 2.291v8.334a2.29 2.29 0 0 1-2.292 2.291m0-11.666a1.04 1.04 0 0 0-1.041 1.041v8.334a1.042 1.042 0 0 0 2.083 0V8.333c0-.575-.467-1.041-1.042-1.041M10 18.958a2.29 2.29 0 0 1-2.292-2.291V3.333A2.29 2.29 0 0 1 10 1.042a2.29 2.29 0 0 1 2.292 2.291v13.334A2.29 2.29 0 0 1 10 18.958m0-16.666c-.575 0-1.042.466-1.042 1.041v13.334a1.042 1.042 0 0 0 2.084 0V3.333c0-.575-.467-1.041-1.042-1.041m6.667 16.666a2.29 2.29 0 0 1-2.292-2.291v-3.334a2.29 2.29 0 0 1 2.292-2.291 2.29 2.29 0 0 1 2.291 2.291v3.334a2.29 2.29 0 0 1-2.291 2.291m0-6.666c-.575 0-1.042.466-1.042 1.041v3.334a1.042 1.042 0 0 0 2.083 0v-3.334a1.04 1.04 0 0 0-1.041-1.041" }) });
|
|
112
|
+
}
|
|
113
|
+
);
|
|
114
|
+
MagickoChart.displayName = "MagickoChart";
|
|
63
115
|
// Annotate the CommonJS export names for ESM import in node:
|
|
64
116
|
0 && (module.exports = {
|
|
65
117
|
Enter,
|
|
66
|
-
Frame
|
|
118
|
+
Frame,
|
|
119
|
+
Google,
|
|
120
|
+
Magicko3DotsMore,
|
|
121
|
+
MagickoArchive,
|
|
122
|
+
MagickoChart
|
|
67
123
|
});
|
|
68
124
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts","icons/Enter.tsx","icons/Frame.tsx"],"sourcesContent":["// Auto-generated file - do not edit manually\n/**\n * @packageDocumentation\n * Magick Icons - SVG icon components for React\n * \n * @example\n * ```tsx\n * import { Enter } from 'magick-icons';\n * \n * function MyComponent() {\n * return <Enter size={24} className=\"text-blue-500\" />;\n * }\n * ```\n */\n\n/**\n * Enter icon component and its props type\n * @see {@link EnterProps} for available props\n */\nexport { Enter, type EnterProps } from './icons/Enter';\n\n/**\n * Frame icon component and its props type\n * @see {@link FrameProps} for available props\n */\nexport { Frame, type FrameProps } from './icons/Frame';\n","import React from 'react';\n\n/**\n * Props for the Enter icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface EnterProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Enter icon component\n * @example\n * ```tsx\n * import { Enter } from 'magick-icons';\n * \n * <Enter size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Enter = React.forwardRef<SVGSVGElement, EnterProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" d=\"M19.25 6v2A3.25 3.25 0 0 1 16 11.25H5.81l3.72-3.72.052-.056a.75.75 0 0 0-1.056-1.056l-.056.052-5 5a.75.75 0 0 0 0 1.06l5 5a.75.75 0 1 0 1.06-1.06l-3.72-3.72H16A4.75 4.75 0 0 0 20.75 8V6a.75.75 0 1 0-1.5 0\"/></svg>\n );\n }\n);\n\nEnter.displayName = 'Enter';\n","import React from 'react';\n\n/**\n * Props for the Frame icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface FrameProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Frame icon component\n * @example\n * ```tsx\n * import { Frame } from 'magick-icons';\n * \n * <Frame size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Frame = React.forwardRef<SVGSVGElement, FrameProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><g fill=\"#000\" clip-path=\"url(#clip0_7_897)\"><path d=\"M16.734 9.079a1.09 1.09 0 1 0-1.488-1.596l-3.192 2.976-2.976-3.194a1.09 1.09 0 0 0-1.595 1.488l2.977 3.192-3.194 2.976a1.09 1.09 0 1 0 1.488 1.595l3.192-2.974 2.976 3.191a1.091 1.091 0 1 0 1.595-1.487l-2.975-3.191z\"/><path fill-rule=\"evenodd\" d=\"M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m12 9.818a9.819 9.819 0 1 1 0-19.637 9.819 9.819 0 0 1 0 19.637\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"clip0_7_897\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>\n );\n }\n);\n\nFrame.displayName = 'Frame';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAsBmF;AAH9F,IAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,4CAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY,sDAAC,UAAK,MAAK,QAAO,GAAE,gNAA8M,GAAE;AAAA,EAEvU;AACF;AAEA,MAAM,cAAc;;;AC3BpB,IAAAC,gBAAkB;AAsBmF,IAAAC,sBAAA;AAH9F,IAAM,QAAQ,cAAAC,QAAM;AAAA,EACzB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,8CAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY;AAAA,oDAAC,OAAE,MAAK,QAAO,aAAU,qBAAoB;AAAA,qDAAC,UAAK,GAAE,0NAAwN;AAAA,QAAE,6CAAC,UAAK,aAAU,WAAU,GAAE,yIAAwI,aAAU,WAAS;AAAA,SAAE;AAAA,MAAI,6CAAC,UAAK,uDAAC,cAAS,IAAG,eAAc,uDAAC,UAAK,MAAK,QAAO,GAAE,iBAAe,GAAE,GAAW;AAAA,OAAO;AAAA,EAEvoB;AACF;AAEA,MAAM,cAAc;","names":["React","import_react","import_jsx_runtime","React"]}
|
|
1
|
+
{"version":3,"sources":["index.ts","icons/Enter.tsx","icons/Frame.tsx","icons/Google.tsx","icons/Magicko3DotsMore.tsx","icons/MagickoArchive.tsx","icons/MagickoChart.tsx"],"sourcesContent":["// Auto-generated file - do not edit manually\n/**\n * @packageDocumentation\n * Magick Icons - SVG icon components for React\n * \n * @example\n * ```tsx\n * import { Enter } from 'magick-icons';\n * \n * function MyComponent() {\n * return <Enter size={24} className=\"text-blue-500\" />;\n * }\n * ```\n */\n\n/**\n * Enter icon component and its props type\n * @see {@link EnterProps} for available props\n */\nexport { Enter, type EnterProps } from './icons/Enter';\n\n/**\n * Frame icon component and its props type\n * @see {@link FrameProps} for available props\n */\nexport { Frame, type FrameProps } from './icons/Frame';\n\n/**\n * Google icon component and its props type\n * @see {@link GoogleProps} for available props\n */\nexport { Google, type GoogleProps } from './icons/Google';\n\n/**\n * Magicko3DotsMore icon component and its props type\n * @see {@link Magicko3DotsMoreProps} for available props\n */\nexport { Magicko3DotsMore, type Magicko3DotsMoreProps } from './icons/Magicko3DotsMore';\n\n/**\n * MagickoArchive icon component and its props type\n * @see {@link MagickoArchiveProps} for available props\n */\nexport { MagickoArchive, type MagickoArchiveProps } from './icons/MagickoArchive';\n\n/**\n * MagickoChart icon component and its props type\n * @see {@link MagickoChartProps} for available props\n */\nexport { MagickoChart, type MagickoChartProps } from './icons/MagickoChart';\n","import React from 'react';\n\n/**\n * Props for the Enter icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface EnterProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Enter icon component\n * @example\n * ```tsx\n * import { Enter } from 'magick-icons';\n * \n * <Enter size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Enter = React.forwardRef<SVGSVGElement, EnterProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" d=\"M19.25 6v2A3.25 3.25 0 0 1 16 11.25H5.81l3.72-3.72.052-.056a.75.75 0 0 0-1.056-1.056l-.056.052-5 5a.75.75 0 0 0 0 1.06l5 5a.75.75 0 1 0 1.06-1.06l-3.72-3.72H16A4.75 4.75 0 0 0 20.75 8V6a.75.75 0 1 0-1.5 0\"/></svg>\n );\n }\n);\n\nEnter.displayName = 'Enter';\n","import React from 'react';\n\n/**\n * Props for the Frame icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface FrameProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Frame icon component\n * @example\n * ```tsx\n * import { Frame } from 'magick-icons';\n * \n * <Frame size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Frame = React.forwardRef<SVGSVGElement, FrameProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><g fill=\"#000\" clip-path=\"url(#clip0_7_897)\"><path d=\"M16.734 9.079a1.09 1.09 0 1 0-1.488-1.596l-3.192 2.976-2.976-3.194a1.09 1.09 0 0 0-1.595 1.488l2.977 3.192-3.194 2.976a1.09 1.09 0 1 0 1.488 1.595l3.192-2.974 2.976 3.191a1.091 1.091 0 1 0 1.595-1.487l-2.975-3.191z\"/><path fill-rule=\"evenodd\" d=\"M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m12 9.818a9.819 9.819 0 1 1 0-19.637 9.819 9.819 0 0 1 0 19.637\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"clip0_7_897\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>\n );\n }\n);\n\nFrame.displayName = 'Frame';\n","import React from 'react';\n\n/**\n * Props for the Google icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface GoogleProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Google icon component\n * @example\n * ```tsx\n * import { Google } from 'magick-icons';\n * \n * <Google size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Google = React.forwardRef<SVGSVGElement, GoogleProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"20\" fill=\"none\" viewBox=\"0 0 21 20\"><path fill=\"#4285f4\" d=\"M19.251 10.194c0-.72-.06-1.244-.188-1.789H10.68v3.248h4.92c-.099.807-.635 2.022-1.825 2.839l-.017.108 2.65 2.013.184.018c1.687-1.527 2.66-3.773 2.66-6.437\"/><path fill=\"#34a853\" d=\"M10.68 18.75c2.41 0 4.434-.778 5.912-2.12l-2.817-2.138c-.754.515-1.766.875-3.096.875A5.365 5.365 0 0 1 5.6 11.73l-.104.01-2.756 2.09-.036.098c1.468 2.858 4.484 4.822 7.976 4.822\"/><path fill=\"#fbbc05\" d=\"M5.6 11.73A5.3 5.3 0 0 1 5.301 10c0-.603.109-1.186.287-1.73l-.005-.117-2.79-2.123-.092.042A8.6 8.6 0 0 0 1.75 10c0 1.41.347 2.742.952 3.928z\"/><path fill=\"#eb4335\" d=\"M10.68 4.633c1.676 0 2.807.71 3.452 1.303l2.52-2.411c-1.548-1.41-3.562-2.275-5.973-2.275-3.492 0-6.508 1.964-7.976 4.822L5.59 8.27a5.39 5.39 0 0 1 5.09-3.636\"/></svg>\n );\n }\n);\n\nGoogle.displayName = 'Google';\n","import React from 'react';\n\n/**\n * Props for the Magicko3DotsMore icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface Magicko3DotsMoreProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Magicko3DotsMore icon component\n * @example\n * ```tsx\n * import { Magicko3DotsMore } from 'magick-icons';\n * \n * <Magicko3DotsMore size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Magicko3DotsMore = React.forwardRef<SVGSVGElement, Magicko3DotsMoreProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 20 20\"><path fill=\"#1e293b\" d=\"M5 10a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0\"/></svg>\n );\n }\n);\n\nMagicko3DotsMore.displayName = 'Magicko3DotsMore';\n","import React from 'react';\n\n/**\n * Props for the MagickoArchive icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface MagickoArchiveProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * MagickoArchive icon component\n * @example\n * ```tsx\n * import { MagickoArchive } from 'magick-icons';\n * \n * <MagickoArchive size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const MagickoArchive = React.forwardRef<SVGSVGElement, MagickoArchiveProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 18 18\"><path fill=\"#1e293b\" d=\"M12.75 17.959h-7.5c-2.75 0-3.125-1.5-3.125-3.125V7.517a.63.63 0 0 1 .625-.625.63.63 0 0 1 .625.625v7.317c0 1.45.25 1.875 1.875 1.875h7.5c1.625 0 1.875-.425 1.875-1.875V7.517a.63.63 0 0 1 .625-.625.63.63 0 0 1 .625.625v7.317c0 1.625-.375 3.125-3.125 3.125\"/><path fill=\"#1e293b\" d=\"M14.833 7.958H3.167C1.15 7.958.042 6.85.042 4.833V3.167C.042 1.15 1.15.042 3.167.042h11.666c2.017 0 3.125 1.108 3.125 3.125v1.666c0 2.017-1.108 3.125-3.125 3.125M3.167 1.292c-1.317 0-1.875.558-1.875 1.875v1.666c0 1.317.558 1.875 1.875 1.875h11.666c1.317 0 1.875-.558 1.875-1.875V3.167c0-1.317-.558-1.875-1.875-1.875zm7.35 10H7.483a.63.63 0 0 1-.625-.625.63.63 0 0 1 .625-.625h3.034a.63.63 0 0 1 .625.625.63.63 0 0 1-.625.625\"/></svg>\n );\n }\n);\n\nMagickoArchive.displayName = 'MagickoArchive';\n","import React from 'react';\n\n/**\n * Props for the MagickoChart icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface MagickoChartProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * MagickoChart icon component\n * @example\n * ```tsx\n * import { MagickoChart } from 'magick-icons';\n * \n * <MagickoChart size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const MagickoChart = React.forwardRef<SVGSVGElement, MagickoChartProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 20 20\"><path fill=\"#1e293b\" d=\"M3.333 18.958a2.29 2.29 0 0 1-2.291-2.291V8.333a2.29 2.29 0 0 1 2.291-2.291 2.29 2.29 0 0 1 2.292 2.291v8.334a2.29 2.29 0 0 1-2.292 2.291m0-11.666a1.04 1.04 0 0 0-1.041 1.041v8.334a1.042 1.042 0 0 0 2.083 0V8.333c0-.575-.467-1.041-1.042-1.041M10 18.958a2.29 2.29 0 0 1-2.292-2.291V3.333A2.29 2.29 0 0 1 10 1.042a2.29 2.29 0 0 1 2.292 2.291v13.334A2.29 2.29 0 0 1 10 18.958m0-16.666c-.575 0-1.042.466-1.042 1.041v13.334a1.042 1.042 0 0 0 2.084 0V3.333c0-.575-.467-1.041-1.042-1.041m6.667 16.666a2.29 2.29 0 0 1-2.292-2.291v-3.334a2.29 2.29 0 0 1 2.292-2.291 2.29 2.29 0 0 1 2.291 2.291v3.334a2.29 2.29 0 0 1-2.291 2.291m0-6.666c-.575 0-1.042.466-1.042 1.041v3.334a1.042 1.042 0 0 0 2.083 0v-3.334a1.04 1.04 0 0 0-1.041-1.041\"/></svg>\n );\n }\n);\n\nMagickoChart.displayName = 'MagickoChart';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAsBmF;AAH9F,IAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,4CAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY,sDAAC,UAAK,MAAK,QAAO,GAAE,gNAA8M,GAAE;AAAA,EAEvU;AACF;AAEA,MAAM,cAAc;;;AC3BpB,IAAAC,gBAAkB;AAsBmF,IAAAC,sBAAA;AAH9F,IAAM,QAAQ,cAAAC,QAAM;AAAA,EACzB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,8CAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY;AAAA,oDAAC,OAAE,MAAK,QAAO,aAAU,qBAAoB;AAAA,qDAAC,UAAK,GAAE,0NAAwN;AAAA,QAAE,6CAAC,UAAK,aAAU,WAAU,GAAE,yIAAwI,aAAU,WAAS;AAAA,SAAE;AAAA,MAAI,6CAAC,UAAK,uDAAC,cAAS,IAAG,eAAc,uDAAC,UAAK,MAAK,QAAO,GAAE,iBAAe,GAAE,GAAW;AAAA,OAAO;AAAA,EAEvoB;AACF;AAEA,MAAM,cAAc;;;AC3BpB,IAAAC,gBAAkB;AAsBZ,IAAAC,sBAAA;AAHC,IAAM,SAAS,cAAAC,QAAM;AAAA,EAC1B,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,8CAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY;AAAA,mDAAC,UAAK,MAAK,WAAU,GAAE,8JAA4J;AAAA,MAAE,6CAAC,UAAK,MAAK,WAAU,GAAE,qLAAmL;AAAA,MAAE,6CAAC,UAAK,MAAK,WAAU,GAAE,gJAA8I;AAAA,MAAE,6CAAC,UAAK,MAAK,WAAU,GAAE,iKAA+J;AAAA,OAAE;AAAA,EAEn0B;AACF;AAEA,OAAO,cAAc;;;AC3BrB,IAAAC,gBAAkB;AAsBmF,IAAAC,sBAAA;AAH9F,IAAM,mBAAmB,cAAAC,QAAM;AAAA,EACpC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,6CAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY,uDAAC,UAAK,MAAK,WAAU,GAAE,qGAAmG,GAAE;AAAA,EAE/N;AACF;AAEA,iBAAiB,cAAc;;;AC3B/B,IAAAC,gBAAkB;AAsBZ,IAAAC,sBAAA;AAHC,IAAM,iBAAiB,cAAAC,QAAM;AAAA,EAClC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,8CAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY;AAAA,mDAAC,UAAK,MAAK,WAAU,GAAE,kQAAgQ;AAAA,MAAE,6CAAC,UAAK,MAAK,WAAU,GAAE,4aAA0a;AAAA,OAAE;AAAA,EAE/zB;AACF;AAEA,eAAe,cAAc;;;AC3B7B,IAAAC,gBAAkB;AAsBmF,IAAAC,sBAAA;AAH9F,IAAM,eAAe,cAAAC,QAAM;AAAA,EAChC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,6CAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY,uDAAC,UAAK,MAAK,WAAU,GAAE,utBAAqtB,GAAE;AAAA,EAEj1B;AACF;AAEA,aAAa,cAAc;","names":["React","import_react","import_jsx_runtime","React","import_react","import_jsx_runtime","React","import_react","import_jsx_runtime","React","import_react","import_jsx_runtime","React","import_react","import_jsx_runtime","React"]}
|
package/index.mjs
CHANGED
|
@@ -23,8 +23,60 @@ var Frame = React2.forwardRef(
|
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
25
|
Frame.displayName = "Frame";
|
|
26
|
+
|
|
27
|
+
// dist/icons/Google.tsx
|
|
28
|
+
import React3 from "react";
|
|
29
|
+
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
30
|
+
var Google = React3.forwardRef(
|
|
31
|
+
({ size, ...props }, ref) => {
|
|
32
|
+
return /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", fill: "none", viewBox: "0 0 21 20", children: [
|
|
33
|
+
/* @__PURE__ */ jsx3("path", { fill: "#4285f4", d: "M19.251 10.194c0-.72-.06-1.244-.188-1.789H10.68v3.248h4.92c-.099.807-.635 2.022-1.825 2.839l-.017.108 2.65 2.013.184.018c1.687-1.527 2.66-3.773 2.66-6.437" }),
|
|
34
|
+
/* @__PURE__ */ jsx3("path", { fill: "#34a853", d: "M10.68 18.75c2.41 0 4.434-.778 5.912-2.12l-2.817-2.138c-.754.515-1.766.875-3.096.875A5.365 5.365 0 0 1 5.6 11.73l-.104.01-2.756 2.09-.036.098c1.468 2.858 4.484 4.822 7.976 4.822" }),
|
|
35
|
+
/* @__PURE__ */ jsx3("path", { fill: "#fbbc05", d: "M5.6 11.73A5.3 5.3 0 0 1 5.301 10c0-.603.109-1.186.287-1.73l-.005-.117-2.79-2.123-.092.042A8.6 8.6 0 0 0 1.75 10c0 1.41.347 2.742.952 3.928z" }),
|
|
36
|
+
/* @__PURE__ */ jsx3("path", { fill: "#eb4335", d: "M10.68 4.633c1.676 0 2.807.71 3.452 1.303l2.52-2.411c-1.548-1.41-3.562-2.275-5.973-2.275-3.492 0-6.508 1.964-7.976 4.822L5.59 8.27a5.39 5.39 0 0 1 5.09-3.636" })
|
|
37
|
+
] });
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
Google.displayName = "Google";
|
|
41
|
+
|
|
42
|
+
// dist/icons/Magicko3DotsMore.tsx
|
|
43
|
+
import React4 from "react";
|
|
44
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
45
|
+
var Magicko3DotsMore = React4.forwardRef(
|
|
46
|
+
({ size, ...props }, ref) => {
|
|
47
|
+
return /* @__PURE__ */ jsx4("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx4("path", { fill: "#1e293b", d: "M5 10a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0" }) });
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
Magicko3DotsMore.displayName = "Magicko3DotsMore";
|
|
51
|
+
|
|
52
|
+
// dist/icons/MagickoArchive.tsx
|
|
53
|
+
import React5 from "react";
|
|
54
|
+
import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
55
|
+
var MagickoArchive = React5.forwardRef(
|
|
56
|
+
({ size, ...props }, ref) => {
|
|
57
|
+
return /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", fill: "none", viewBox: "0 0 18 18", children: [
|
|
58
|
+
/* @__PURE__ */ jsx5("path", { fill: "#1e293b", d: "M12.75 17.959h-7.5c-2.75 0-3.125-1.5-3.125-3.125V7.517a.63.63 0 0 1 .625-.625.63.63 0 0 1 .625.625v7.317c0 1.45.25 1.875 1.875 1.875h7.5c1.625 0 1.875-.425 1.875-1.875V7.517a.63.63 0 0 1 .625-.625.63.63 0 0 1 .625.625v7.317c0 1.625-.375 3.125-3.125 3.125" }),
|
|
59
|
+
/* @__PURE__ */ jsx5("path", { fill: "#1e293b", d: "M14.833 7.958H3.167C1.15 7.958.042 6.85.042 4.833V3.167C.042 1.15 1.15.042 3.167.042h11.666c2.017 0 3.125 1.108 3.125 3.125v1.666c0 2.017-1.108 3.125-3.125 3.125M3.167 1.292c-1.317 0-1.875.558-1.875 1.875v1.666c0 1.317.558 1.875 1.875 1.875h11.666c1.317 0 1.875-.558 1.875-1.875V3.167c0-1.317-.558-1.875-1.875-1.875zm7.35 10H7.483a.63.63 0 0 1-.625-.625.63.63 0 0 1 .625-.625h3.034a.63.63 0 0 1 .625.625.63.63 0 0 1-.625.625" })
|
|
60
|
+
] });
|
|
61
|
+
}
|
|
62
|
+
);
|
|
63
|
+
MagickoArchive.displayName = "MagickoArchive";
|
|
64
|
+
|
|
65
|
+
// dist/icons/MagickoChart.tsx
|
|
66
|
+
import React6 from "react";
|
|
67
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
68
|
+
var MagickoChart = React6.forwardRef(
|
|
69
|
+
({ size, ...props }, ref) => {
|
|
70
|
+
return /* @__PURE__ */ jsx6("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx6("path", { fill: "#1e293b", d: "M3.333 18.958a2.29 2.29 0 0 1-2.291-2.291V8.333a2.29 2.29 0 0 1 2.291-2.291 2.29 2.29 0 0 1 2.292 2.291v8.334a2.29 2.29 0 0 1-2.292 2.291m0-11.666a1.04 1.04 0 0 0-1.041 1.041v8.334a1.042 1.042 0 0 0 2.083 0V8.333c0-.575-.467-1.041-1.042-1.041M10 18.958a2.29 2.29 0 0 1-2.292-2.291V3.333A2.29 2.29 0 0 1 10 1.042a2.29 2.29 0 0 1 2.292 2.291v13.334A2.29 2.29 0 0 1 10 18.958m0-16.666c-.575 0-1.042.466-1.042 1.041v13.334a1.042 1.042 0 0 0 2.084 0V3.333c0-.575-.467-1.041-1.042-1.041m6.667 16.666a2.29 2.29 0 0 1-2.292-2.291v-3.334a2.29 2.29 0 0 1 2.292-2.291 2.29 2.29 0 0 1 2.291 2.291v3.334a2.29 2.29 0 0 1-2.291 2.291m0-6.666c-.575 0-1.042.466-1.042 1.041v3.334a1.042 1.042 0 0 0 2.083 0v-3.334a1.04 1.04 0 0 0-1.041-1.041" }) });
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
MagickoChart.displayName = "MagickoChart";
|
|
26
74
|
export {
|
|
27
75
|
Enter,
|
|
28
|
-
Frame
|
|
76
|
+
Frame,
|
|
77
|
+
Google,
|
|
78
|
+
Magicko3DotsMore,
|
|
79
|
+
MagickoArchive,
|
|
80
|
+
MagickoChart
|
|
29
81
|
};
|
|
30
82
|
//# sourceMappingURL=index.mjs.map
|
package/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["icons/Enter.tsx","icons/Frame.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * Props for the Enter icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface EnterProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Enter icon component\n * @example\n * ```tsx\n * import { Enter } from 'magick-icons';\n * \n * <Enter size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Enter = React.forwardRef<SVGSVGElement, EnterProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" d=\"M19.25 6v2A3.25 3.25 0 0 1 16 11.25H5.81l3.72-3.72.052-.056a.75.75 0 0 0-1.056-1.056l-.056.052-5 5a.75.75 0 0 0 0 1.06l5 5a.75.75 0 1 0 1.06-1.06l-3.72-3.72H16A4.75 4.75 0 0 0 20.75 8V6a.75.75 0 1 0-1.5 0\"/></svg>\n );\n }\n);\n\nEnter.displayName = 'Enter';\n","import React from 'react';\n\n/**\n * Props for the Frame icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface FrameProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Frame icon component\n * @example\n * ```tsx\n * import { Frame } from 'magick-icons';\n * \n * <Frame size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Frame = React.forwardRef<SVGSVGElement, FrameProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><g fill=\"#000\" clip-path=\"url(#clip0_7_897)\"><path d=\"M16.734 9.079a1.09 1.09 0 1 0-1.488-1.596l-3.192 2.976-2.976-3.194a1.09 1.09 0 0 0-1.595 1.488l2.977 3.192-3.194 2.976a1.09 1.09 0 1 0 1.488 1.595l3.192-2.974 2.976 3.191a1.091 1.091 0 1 0 1.595-1.487l-2.975-3.191z\"/><path fill-rule=\"evenodd\" d=\"M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m12 9.818a9.819 9.819 0 1 1 0-19.637 9.819 9.819 0 0 1 0 19.637\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"clip0_7_897\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>\n );\n }\n);\n\nFrame.displayName = 'Frame';\n"],"mappings":";AAAA,OAAO,WAAW;AAsBmF;AAH9F,IAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,oBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY,8BAAC,UAAK,MAAK,QAAO,GAAE,gNAA8M,GAAE;AAAA,EAEvU;AACF;AAEA,MAAM,cAAc;;;AC3BpB,OAAOA,YAAW;AAsBmF,SAA6C,OAAAC,MAA7C;AAH9F,IAAM,QAAQD,OAAM;AAAA,EACzB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3B,WACE,qBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY;AAAA,2BAAC,OAAE,MAAK,QAAO,aAAU,qBAAoB;AAAA,wBAAAC,KAAC,UAAK,GAAE,0NAAwN;AAAA,QAAE,gBAAAA,KAAC,UAAK,aAAU,WAAU,GAAE,yIAAwI,aAAU,WAAS;AAAA,SAAE;AAAA,MAAI,gBAAAA,KAAC,UAAK,0BAAAA,KAAC,cAAS,IAAG,eAAc,0BAAAA,KAAC,UAAK,MAAK,QAAO,GAAE,iBAAe,GAAE,GAAW;AAAA,OAAO;AAAA,EAEvoB;AACF;AAEA,MAAM,cAAc;","names":["React","jsx"]}
|
|
1
|
+
{"version":3,"sources":["icons/Enter.tsx","icons/Frame.tsx","icons/Google.tsx","icons/Magicko3DotsMore.tsx","icons/MagickoArchive.tsx","icons/MagickoChart.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * Props for the Enter icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface EnterProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Enter icon component\n * @example\n * ```tsx\n * import { Enter } from 'magick-icons';\n * \n * <Enter size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Enter = React.forwardRef<SVGSVGElement, EnterProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" d=\"M19.25 6v2A3.25 3.25 0 0 1 16 11.25H5.81l3.72-3.72.052-.056a.75.75 0 0 0-1.056-1.056l-.056.052-5 5a.75.75 0 0 0 0 1.06l5 5a.75.75 0 1 0 1.06-1.06l-3.72-3.72H16A4.75 4.75 0 0 0 20.75 8V6a.75.75 0 1 0-1.5 0\"/></svg>\n );\n }\n);\n\nEnter.displayName = 'Enter';\n","import React from 'react';\n\n/**\n * Props for the Frame icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface FrameProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Frame icon component\n * @example\n * ```tsx\n * import { Frame } from 'magick-icons';\n * \n * <Frame size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Frame = React.forwardRef<SVGSVGElement, FrameProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><g fill=\"#000\" clip-path=\"url(#clip0_7_897)\"><path d=\"M16.734 9.079a1.09 1.09 0 1 0-1.488-1.596l-3.192 2.976-2.976-3.194a1.09 1.09 0 0 0-1.595 1.488l2.977 3.192-3.194 2.976a1.09 1.09 0 1 0 1.488 1.595l3.192-2.974 2.976 3.191a1.091 1.091 0 1 0 1.595-1.487l-2.975-3.191z\"/><path fill-rule=\"evenodd\" d=\"M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m12 9.818a9.819 9.819 0 1 1 0-19.637 9.819 9.819 0 0 1 0 19.637\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"clip0_7_897\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>\n );\n }\n);\n\nFrame.displayName = 'Frame';\n","import React from 'react';\n\n/**\n * Props for the Google icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface GoogleProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Google icon component\n * @example\n * ```tsx\n * import { Google } from 'magick-icons';\n * \n * <Google size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Google = React.forwardRef<SVGSVGElement, GoogleProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"20\" fill=\"none\" viewBox=\"0 0 21 20\"><path fill=\"#4285f4\" d=\"M19.251 10.194c0-.72-.06-1.244-.188-1.789H10.68v3.248h4.92c-.099.807-.635 2.022-1.825 2.839l-.017.108 2.65 2.013.184.018c1.687-1.527 2.66-3.773 2.66-6.437\"/><path fill=\"#34a853\" d=\"M10.68 18.75c2.41 0 4.434-.778 5.912-2.12l-2.817-2.138c-.754.515-1.766.875-3.096.875A5.365 5.365 0 0 1 5.6 11.73l-.104.01-2.756 2.09-.036.098c1.468 2.858 4.484 4.822 7.976 4.822\"/><path fill=\"#fbbc05\" d=\"M5.6 11.73A5.3 5.3 0 0 1 5.301 10c0-.603.109-1.186.287-1.73l-.005-.117-2.79-2.123-.092.042A8.6 8.6 0 0 0 1.75 10c0 1.41.347 2.742.952 3.928z\"/><path fill=\"#eb4335\" d=\"M10.68 4.633c1.676 0 2.807.71 3.452 1.303l2.52-2.411c-1.548-1.41-3.562-2.275-5.973-2.275-3.492 0-6.508 1.964-7.976 4.822L5.59 8.27a5.39 5.39 0 0 1 5.09-3.636\"/></svg>\n );\n }\n);\n\nGoogle.displayName = 'Google';\n","import React from 'react';\n\n/**\n * Props for the Magicko3DotsMore icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface Magicko3DotsMoreProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * Magicko3DotsMore icon component\n * @example\n * ```tsx\n * import { Magicko3DotsMore } from 'magick-icons';\n * \n * <Magicko3DotsMore size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const Magicko3DotsMore = React.forwardRef<SVGSVGElement, Magicko3DotsMoreProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 20 20\"><path fill=\"#1e293b\" d=\"M5 10a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0\"/></svg>\n );\n }\n);\n\nMagicko3DotsMore.displayName = 'Magicko3DotsMore';\n","import React from 'react';\n\n/**\n * Props for the MagickoArchive icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface MagickoArchiveProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * MagickoArchive icon component\n * @example\n * ```tsx\n * import { MagickoArchive } from 'magick-icons';\n * \n * <MagickoArchive size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const MagickoArchive = React.forwardRef<SVGSVGElement, MagickoArchiveProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 18 18\"><path fill=\"#1e293b\" d=\"M12.75 17.959h-7.5c-2.75 0-3.125-1.5-3.125-3.125V7.517a.63.63 0 0 1 .625-.625.63.63 0 0 1 .625.625v7.317c0 1.45.25 1.875 1.875 1.875h7.5c1.625 0 1.875-.425 1.875-1.875V7.517a.63.63 0 0 1 .625-.625.63.63 0 0 1 .625.625v7.317c0 1.625-.375 3.125-3.125 3.125\"/><path fill=\"#1e293b\" d=\"M14.833 7.958H3.167C1.15 7.958.042 6.85.042 4.833V3.167C.042 1.15 1.15.042 3.167.042h11.666c2.017 0 3.125 1.108 3.125 3.125v1.666c0 2.017-1.108 3.125-3.125 3.125M3.167 1.292c-1.317 0-1.875.558-1.875 1.875v1.666c0 1.317.558 1.875 1.875 1.875h11.666c1.317 0 1.875-.558 1.875-1.875V3.167c0-1.317-.558-1.875-1.875-1.875zm7.35 10H7.483a.63.63 0 0 1-.625-.625.63.63 0 0 1 .625-.625h3.034a.63.63 0 0 1 .625.625.63.63 0 0 1-.625.625\"/></svg>\n );\n }\n);\n\nMagickoArchive.displayName = 'MagickoArchive';\n","import React from 'react';\n\n/**\n * Props for the MagickoChart icon component\n * @property {number | string} [size] - Size of the icon (default: 24)\n */\nexport interface MagickoChartProps extends React.SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\n/**\n * MagickoChart icon component\n * @example\n * ```tsx\n * import { MagickoChart } from 'magick-icons';\n * \n * <MagickoChart size={24} className=\"text-blue-500\" />\n * ```\n */\nexport const MagickoChart = React.forwardRef<SVGSVGElement, MagickoChartProps>(\n ({ size, ...props }, ref) => {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 20 20\"><path fill=\"#1e293b\" d=\"M3.333 18.958a2.29 2.29 0 0 1-2.291-2.291V8.333a2.29 2.29 0 0 1 2.291-2.291 2.29 2.29 0 0 1 2.292 2.291v8.334a2.29 2.29 0 0 1-2.292 2.291m0-11.666a1.04 1.04 0 0 0-1.041 1.041v8.334a1.042 1.042 0 0 0 2.083 0V8.333c0-.575-.467-1.041-1.042-1.041M10 18.958a2.29 2.29 0 0 1-2.292-2.291V3.333A2.29 2.29 0 0 1 10 1.042a2.29 2.29 0 0 1 2.292 2.291v13.334A2.29 2.29 0 0 1 10 18.958m0-16.666c-.575 0-1.042.466-1.042 1.041v13.334a1.042 1.042 0 0 0 2.084 0V3.333c0-.575-.467-1.041-1.042-1.041m6.667 16.666a2.29 2.29 0 0 1-2.292-2.291v-3.334a2.29 2.29 0 0 1 2.292-2.291 2.29 2.29 0 0 1 2.291 2.291v3.334a2.29 2.29 0 0 1-2.291 2.291m0-6.666c-.575 0-1.042.466-1.042 1.041v3.334a1.042 1.042 0 0 0 2.083 0v-3.334a1.04 1.04 0 0 0-1.041-1.041\"/></svg>\n );\n }\n);\n\nMagickoChart.displayName = 'MagickoChart';\n"],"mappings":"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","names":["React","jsx","React","jsx","jsxs","React","jsx","React","jsx","jsxs","React","jsx"]}
|