mx-icons 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 mx-icons contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+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.

package/README.md

@@ -0,0 +1,192 @@
+# MX Icons
+
+A beautiful, open-source React icon library with multiple variants (outline, solid, mini). Inspired by Heroicons with a clean, light-mode design.
+
+## Features
+
+- 🎨 **Multiple Variants** - Outline, solid, and mini versions for maximum flexibility
+- ⚡ **Lightweight** - Only includes the icons you import
+- 🔧 **Customizable** - Size, color, and stroke width props
+- 📦 **Tree-shakeable** - Import only what you need
+- 🎯 **TypeScript Ready** - Full TypeScript support (coming soon)
+- 🌐 **Social Media Icons** - Includes popular social media platforms
+
+## Installation
+
+```bash
+npm install mx-icons
+```
+
+## Usage
+
+```jsx
+import { HomeOutline, YouTubeOutline, InstagramOutline } from "mx-icons";
+
+function App() {
+  return (
+    <div>
+      <HomeOutline size={24} color="#111" strokeWidth={1.5} />
+      <YouTubeOutline size={32} color="#FF0000" />
+      <InstagramOutline size={28} color="#E4405F" />
+    </div>
+  );
+}
+```
+
+## Available Icons
+
+### Home Icons
+
+- `HomeOutline`
+- `HomeSolid`
+- `HomeMini`
+
+### Social Media Icons
+
+- `YouTubeOutline`
+- `InstagramOutline`
+- `TwitterOutline`
+- `GitHubOutline`
+- `FacebookOutline`
+- `LinkedInOutline`
+
+## Props
+
+All icons accept the following props:
+
+| Prop          | Type     | Default          | Description                         |
+| ------------- | -------- | ---------------- | ----------------------------------- |
+| `size`        | `number` | `24`             | Size of the icon (width and height) |
+| `color`       | `string` | `'currentColor'` | Color of the icon                   |
+| `strokeWidth` | `number` | `1.5`            | Stroke width for outline icons      |
+| `className`   | `string` | `''`             | Additional CSS classes              |
+
+## Preview & Development
+
+To run the preview app locally:
+
+```bash
+npm install
+npm run dev
+```
+
+This will start a development server with a searchable icon gallery where you can:
+
+- Browse all available icons
+- Switch between variants (outline, solid, mini)
+- Search for specific icons
+- Click to copy the import and JSX code
+
+## Building the Library
+
+To build the library for publishing:
+
+```bash
+npm run build:lib
+```
+
+This creates optimized builds in the `dist/` folder:
+
+- `dist/mx-icons.es.js` - ES Module
+- `dist/mx-icons.umd.js` - UMD Module
+
+## Publishing to npm
+
+### Prerequisites
+
+1. Create an npm account at [npmjs.com](https://www.npmjs.com/)
+2. Login via terminal: `npm login`
+
+### Publishing Steps
+
+1. **Update version** in `package.json`:
+
+   ```json
+   {
+     "version": "1.0.0"
+   }
+   ```
+
+2. **Build the library**:
+
+   ```bash
+   npm run build:lib
+   ```
+
+3. **Publish to npm**:
+   ```bash
+   npm publish
+   ```
+
+### Publishing Workflow
+
+The package is configured with:
+
+- `prepublishOnly` script that automatically builds before publishing
+- `.npmignore` to exclude development files
+- Dual module support (ESM + UMD)
+- React as a peer dependency (won't bundle React)
+
+## Contributing
+
+Contributions are welcome! To add new icons:
+
+1. Create a new folder in `src/icons/` (e.g., `src/icons/star/`)
+2. Add variant files (e.g., `StarOutline.jsx`, `StarSolid.jsx`)
+3. Create an `index.js` in the folder exporting variants metadata
+4. Export the new icons in `src/icons/index.js`
+
+## License
+
+MIT License - see [LICENSE](LICENSE) file for details.
+
+## Credits
+
+Inspired by [Heroicons](https://heroicons.com/) and [Font Awesome](https://fontawesome.com/).
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
+
+## OSX Icons (this project)
+
+This repository is a small, open-source icon library built with React and Vite. It provides a set of lightweight, stroke-based SVG icons suitable for light-mode designs. The preview app in this repo lets you search icons and copy JSX snippets.
+
+Quick start
+
+1. Run the preview locally:
+
+```bash
+npm install
+npm run dev
+```
+
+2. Build the distributable library bundle:
+
+```bash
+npm run build:lib
+```
+
+Usage
+
+Install from npm (once published):
+
+```bash
+npm install osx-icons
+```
+
+Then import:
+
+```jsx
+import { Home, Search } from "osx-icons";
+
+<Home size={24} color="#111" />;
+```
+
+Contributing
+
+Contributions welcome — add icons under `src/icons/icons/`, export them in `src/icons/index.js`, and add tests/docs as needed.

package/dist/mx-icons.es.js

@@ -0,0 +1,499 @@
+import ce from "react";
+var x = { exports: {} }, h = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var L;
+function fe() {
+  if (L) return h;
+  L = 1;
+  var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function o(i, c, f) {
+    var v = null;
+    if (f !== void 0 && (v = "" + f), c.key !== void 0 && (v = "" + c.key), "key" in c) {
+      f = {};
+      for (var p in c)
+        p !== "key" && (f[p] = c[p]);
+    } else f = c;
+    return c = f.ref, {
+      $$typeof: t,
+      type: i,
+      key: v,
+      ref: c !== void 0 ? c : null,
+      props: f
+    };
+  }
+  return h.Fragment = n, h.jsx = o, h.jsxs = o, h;
+}
+var _ = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var F;
+function me() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === se ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case R:
+          return "Fragment";
+        case K:
+          return "Profiler";
+        case Q:
+          return "StrictMode";
+        case ne:
+          return "Suspense";
+        case ae:
+          return "SuspenseList";
+        case ie:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case Z:
+            return "Portal";
+          case re:
+            return e.displayName || "Context";
+          case ee:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case te:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case oe:
+            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
+          case T:
+            r = e._payload, e = e._init;
+            try {
+              return t(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(e) {
+      return "" + e;
+    }
+    function o(e) {
+      try {
+        n(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var s = r.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          u
+        ), n(e);
+      }
+    }
+    function i(e) {
+      if (e === R) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
+        return "<...>";
+      try {
+        var r = t(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function c() {
+      var e = j.A;
+      return e === null ? null : e.getOwner();
+    }
+    function f() {
+      return Error("react-stack-top-frame");
+    }
+    function v(e) {
+      if (N.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function p(e, r) {
+      function s() {
+        P || (P = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      s.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: s,
+        configurable: !0
+      });
+    }
+    function X() {
+      var e = t(this.type);
+      return C[e] || (C[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function B(e, r, s, u, E, O) {
+      var l = s.ref;
+      return e = {
+        $$typeof: S,
+        type: e,
+        key: r,
+        props: s,
+        _owner: u
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: X
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: E
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: O
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function w(e, r, s, u, E, O) {
+      var l = r.children;
+      if (l !== void 0)
+        if (u)
+          if (ue(l)) {
+            for (u = 0; u < l.length; u++)
+              A(l[u]);
+            Object.freeze && Object.freeze(l);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else A(l);
+      if (N.call(r, "key")) {
+        l = t(e);
+        var d = Object.keys(r).filter(function(le) {
+          return le !== "key";
+        });
+        u = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", I[l + u] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          u,
+          l,
+          d,
+          l
+        ), I[l + u] = !0);
+      }
+      if (l = null, s !== void 0 && (o(s), l = "" + s), v(r) && (o(r.key), l = "" + r.key), "key" in r) {
+        s = {};
+        for (var g in r)
+          g !== "key" && (s[g] = r[g]);
+      } else s = r;
+      return l && p(
+        s,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), B(
+        e,
+        l,
+        s,
+        c(),
+        E,
+        O
+      );
+    }
+    function A(e) {
+      y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? y(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function y(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === S;
+    }
+    var b = ce, S = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), Q = Symbol.for("react.strict_mode"), K = Symbol.for("react.profiler"), ee = Symbol.for("react.consumer"), re = Symbol.for("react.context"), te = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), j = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, ue = Array.isArray, k = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var P, C = {}, M = b.react_stack_bottom_frame.bind(
+      b,
+      f
+    )(), Y = k(i(f)), I = {};
+    _.Fragment = R, _.jsx = function(e, r, s) {
+      var u = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        r,
+        s,
+        !1,
+        u ? Error("react-stack-top-frame") : M,
+        u ? k(i(e)) : Y
+      );
+    }, _.jsxs = function(e, r, s) {
+      var u = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        r,
+        s,
+        !0,
+        u ? Error("react-stack-top-frame") : M,
+        u ? k(i(e)) : Y
+      );
+    };
+  })()), _;
+}
+var $;
+function de() {
+  return $ || ($ = 1, process.env.NODE_ENV === "production" ? x.exports = fe() : x.exports = me()), x.exports;
+}
+var a = de();
+function m({
+  children: t,
+  size: n = 24,
+  color: o = "#111",
+  strokeWidth: i = 1.5,
+  ...c
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "svg",
+    {
+      width: n,
+      height: n,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: o,
+      strokeWidth: i,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": c["aria-hidden"] ?? !0,
+      ...c,
+      children: t
+    }
+  );
+}
+function H({ size: t, color: n, strokeWidth: o, ...i }) {
+  return /* @__PURE__ */ a.jsxs(m, { size: t, color: n, strokeWidth: o, ...i, children: [
+    /* @__PURE__ */ a.jsx("path", { d: "M3 11.5L12 4l9 7.5" }),
+    /* @__PURE__ */ a.jsx("path", { d: "M5 12v7a1 1 0 0 0 1 1h3v-5h6v5h3a1 1 0 0 0 1-1v-7" })
+  ] });
+}
+function D({
+  size: t = 24,
+  color: n = "#111",
+  strokeWidth: o,
+  ...i
+}) {
+  return /* @__PURE__ */ a.jsx(
+    m,
+    {
+      size: t,
+      color: n,
+      strokeWidth: o,
+      fill: n,
+      ...i,
+      children: /* @__PURE__ */ a.jsx("path", { d: "M12 3l10 8v7a1 1 0 0 1-1 1h-5v-5H8v5H3a1 1 0 0 1-1-1v-7l10-8z" })
+    }
+  );
+}
+function z({
+  size: t = 16,
+  color: n = "#111",
+  strokeWidth: o = 1.25,
+  ...i
+}) {
+  return /* @__PURE__ */ a.jsxs(m, { size: t, color: n, strokeWidth: o, ...i, children: [
+    /* @__PURE__ */ a.jsx("path", { d: "M2 8.5L8 4l6 4.5" }),
+    /* @__PURE__ */ a.jsx("path", { d: "M4 9v4a1 1 0 0 0 1 1h2v-3h2v3h2a1 1 0 0 0 1-1V9" })
+  ] });
+}
+function V({ size: t, color: n, strokeWidth: o, ...i }) {
+  return /* @__PURE__ */ a.jsxs(m, { size: t, color: n, strokeWidth: o, ...i, children: [
+    /* @__PURE__ */ a.jsx("path", { d: "M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" }),
+    /* @__PURE__ */ a.jsx("polygon", { points: "9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" })
+  ] });
+}
+function W({
+  size: t,
+  color: n,
+  strokeWidth: o,
+  ...i
+}) {
+  return /* @__PURE__ */ a.jsxs(m, { size: t, color: n, strokeWidth: o, ...i, children: [
+    /* @__PURE__ */ a.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
+    /* @__PURE__ */ a.jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
+    /* @__PURE__ */ a.jsx("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
+  ] });
+}
+function U({ size: t, color: n, strokeWidth: o, ...i }) {
+  return /* @__PURE__ */ a.jsx(m, { size: t, color: n, strokeWidth: o, ...i, children: /* @__PURE__ */ a.jsx("path", { d: "M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" }) });
+}
+function G({ size: t, color: n, strokeWidth: o, ...i }) {
+  return /* @__PURE__ */ a.jsx(m, { size: t, color: n, strokeWidth: o, ...i, children: /* @__PURE__ */ a.jsx("path", { d: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" }) });
+}
+function q({
+  size: t,
+  color: n,
+  strokeWidth: o,
+  ...i
+}) {
+  return /* @__PURE__ */ a.jsx(m, { size: t, color: n, strokeWidth: o, ...i, children: /* @__PURE__ */ a.jsx("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }) });
+}
+function J({
+  size: t,
+  color: n,
+  strokeWidth: o,
+  ...i
+}) {
+  return /* @__PURE__ */ a.jsxs(m, { size: t, color: n, strokeWidth: o, ...i, children: [
+    /* @__PURE__ */ a.jsx("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }),
+    /* @__PURE__ */ a.jsx("rect", { x: "2", y: "9", width: "4", height: "12" }),
+    /* @__PURE__ */ a.jsx("circle", { cx: "4", cy: "4", r: "2" })
+  ] });
+}
+const pe = [
+  {
+    name: "Home",
+    variants: [
+      {
+        variant: "outline",
+        slug: "home-outline",
+        Component: H,
+        componentName: "HomeOutline"
+      },
+      {
+        variant: "solid",
+        slug: "home-solid",
+        Component: D,
+        componentName: "HomeSolid"
+      },
+      {
+        variant: "mini",
+        slug: "home-mini",
+        Component: z,
+        componentName: "HomeMini"
+      }
+    ]
+  },
+  {
+    name: "YouTube",
+    variants: [
+      {
+        variant: "outline",
+        slug: "youtube",
+        Component: V,
+        componentName: "YouTubeOutline"
+      }
+    ]
+  },
+  {
+    name: "Instagram",
+    variants: [
+      {
+        variant: "outline",
+        slug: "instagram",
+        Component: W,
+        componentName: "InstagramOutline"
+      }
+    ]
+  },
+  {
+    name: "Twitter",
+    variants: [
+      {
+        variant: "outline",
+        slug: "twitter",
+        Component: U,
+        componentName: "TwitterOutline"
+      }
+    ]
+  },
+  {
+    name: "GitHub",
+    variants: [
+      {
+        variant: "outline",
+        slug: "github",
+        Component: G,
+        componentName: "GitHubOutline"
+      }
+    ]
+  },
+  {
+    name: "Facebook",
+    variants: [
+      {
+        variant: "outline",
+        slug: "facebook",
+        Component: q,
+        componentName: "FacebookOutline"
+      }
+    ]
+  },
+  {
+    name: "LinkedIn",
+    variants: [
+      {
+        variant: "outline",
+        slug: "linkedin",
+        Component: J,
+        componentName: "LinkedInOutline"
+      }
+    ]
+  }
+], he = {
+  Icon: m,
+  HomeOutline: H,
+  HomeSolid: D,
+  HomeMini: z,
+  YouTubeOutline: V,
+  InstagramOutline: W,
+  TwitterOutline: U,
+  GitHubOutline: G,
+  FacebookOutline: q,
+  LinkedInOutline: J
+};
+export {
+  q as FacebookOutline,
+  G as GitHubOutline,
+  z as HomeMini,
+  H as HomeOutline,
+  D as HomeSolid,
+  m as Icon,
+  W as InstagramOutline,
+  J as LinkedInOutline,
+  U as TwitterOutline,
+  V as YouTubeOutline,
+  he as default,
+  pe as icons
+};

package/dist/mx-icons.umd.js

@@ -0,0 +1,22 @@
+(function(c,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],h):(c=typeof globalThis<"u"?globalThis:c||self,h(c.MxIcons={},c.React))})(this,(function(c,h){"use strict";var T={exports:{}},p={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var L;function Z(){if(L)return p;L=1;var t=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function o(i,f,d){var _=null;if(d!==void 0&&(_=""+d),f.key!==void 0&&(_=""+f.key),"key"in f){d={};for(var E in f)E!=="key"&&(d[E]=f[E])}else d=f;return f=d.ref,{$$typeof:t,type:i,key:_,ref:f!==void 0?f:null,props:d}}return p.Fragment=a,p.jsx=o,p.jsxs=o,p}var b={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var F;function Q(){return F||(F=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ve?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case N:return"Fragment";case ie:return"Profiler";case oe:return"StrictMode";case ce:return"Suspense";case fe:return"SuspenseList";case de:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case ae:return"Portal";case se:return e.displayName||"Context";case ue:return(e._context.displayName||"Context")+".Consumer";case le:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case me:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case C:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function a(e){return""+e}function o(e){try{a(e);var r=!1}catch{r=!0}if(r){r=console;var u=r.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return u.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),a(e)}}function i(e){if(e===N)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===C)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function f(){var e=M.A;return e===null?null:e.getOwner()}function d(){return Error("react-stack-top-frame")}function _(e){if(G.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function u(){U||(U=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}u.isReactWarning=!0,Object.defineProperty(e,"key",{get:u,configurable:!0})}function te(){var e=t(this.type);return q[e]||(q[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function ne(e,r,u,s,O,Y){var l=u.ref;return e={$$typeof:W,type:e,key:r,props:u,_owner:s},(l!==void 0?l:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:te}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function D(e,r,u,s,O,Y){var l=r.children;if(l!==void 0)if(s)if(he(l)){for(s=0;s<l.length;s++)z(l[s]);Object.freeze&&Object.freeze(l)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else z(l);if(G.call(r,"key")){l=t(e);var v=Object.keys(r).filter(function(pe){return pe!=="key"});s=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",B[l+s]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,s,l,v,l),B[l+s]=!0)}if(l=null,u!==void 0&&(o(u),l=""+u),_(r)&&(o(r.key),l=""+r.key),"key"in r){u={};for(var H in r)H!=="key"&&(u[H]=r[H])}else u=r;return l&&E(u,typeof e=="function"?e.displayName||e.name||"Unknown":e),ne(e,l,u,f(),O,Y)}function z(e){V(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===C&&(e._payload.status==="fulfilled"?V(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function V(e){return typeof e=="object"&&e!==null&&e.$$typeof===W}var R=h,W=Symbol.for("react.transitional.element"),ae=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),oe=Symbol.for("react.strict_mode"),ie=Symbol.for("react.profiler"),ue=Symbol.for("react.consumer"),se=Symbol.for("react.context"),le=Symbol.for("react.forward_ref"),ce=Symbol.for("react.suspense"),fe=Symbol.for("react.suspense_list"),me=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),de=Symbol.for("react.activity"),ve=Symbol.for("react.client.reference"),M=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,he=Array.isArray,I=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var U,q={},J=R.react_stack_bottom_frame.bind(R,d)(),X=I(i(d)),B={};b.Fragment=N,b.jsx=function(e,r,u){var s=1e4>M.recentlyCreatedOwnerStacks++;return D(e,r,u,!1,s?Error("react-stack-top-frame"):J,s?I(i(e)):X)},b.jsxs=function(e,r,u){var s=1e4>M.recentlyCreatedOwnerStacks++;return D(e,r,u,!0,s?Error("react-stack-top-frame"):J,s?I(i(e)):X)}})()),b}var $;function K(){return $||($=1,process.env.NODE_ENV==="production"?T.exports=Z():T.exports=Q()),T.exports}var n=K();function m({children:t,size:a=24,color:o="#111",strokeWidth:i=1.5,...f}){return n.jsx("svg",{width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:o,strokeWidth:i,strokeLinecap:"round",strokeLinejoin:"round",xmlns:"http://www.w3.org/2000/svg","aria-hidden":f["aria-hidden"]??!0,...f,children:t})}function j({size:t,color:a,strokeWidth:o,...i}){return n.jsxs(m,{size:t,color:a,strokeWidth:o,...i,children:[n.jsx("path",{d:"M3 11.5L12 4l9 7.5"}),n.jsx("path",{d:"M5 12v7a1 1 0 0 0 1 1h3v-5h6v5h3a1 1 0 0 0 1-1v-7"})]})}function x({size:t=24,color:a="#111",strokeWidth:o,...i}){return n.jsx(m,{size:t,color:a,strokeWidth:o,fill:a,...i,children:n.jsx("path",{d:"M12 3l10 8v7a1 1 0 0 1-1 1h-5v-5H8v5H3a1 1 0 0 1-1-1v-7l10-8z"})})}function k({size:t=16,color:a="#111",strokeWidth:o=1.25,...i}){return n.jsxs(m,{size:t,color:a,strokeWidth:o,...i,children:[n.jsx("path",{d:"M2 8.5L8 4l6 4.5"}),n.jsx("path",{d:"M4 9v4a1 1 0 0 0 1 1h2v-3h2v3h2a1 1 0 0 0 1-1V9"})]})}function g({size:t,color:a,strokeWidth:o,...i}){return n.jsxs(m,{size:t,color:a,strokeWidth:o,...i,children:[n.jsx("path",{d:"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"}),n.jsx("polygon",{points:"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"})]})}function w({size:t,color:a,strokeWidth:o,...i}){return n.jsxs(m,{size:t,color:a,strokeWidth:o,...i,children:[n.jsx("rect",{x:"2",y:"2",width:"20",height:"20",rx:"5",ry:"5"}),n.jsx("path",{d:"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"}),n.jsx("line",{x1:"17.5",y1:"6.5",x2:"17.51",y2:"6.5"})]})}function A({size:t,color:a,strokeWidth:o,...i}){return n.jsx(m,{size:t,color:a,strokeWidth:o,...i,children:n.jsx("path",{d:"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"})})}function y({size:t,color:a,strokeWidth:o,...i}){return n.jsx(m,{size:t,color:a,strokeWidth:o,...i,children:n.jsx("path",{d:"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"})})}function S({size:t,color:a,strokeWidth:o,...i}){return n.jsx(m,{size:t,color:a,strokeWidth:o,...i,children:n.jsx("path",{d:"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"})})}function P({size:t,color:a,strokeWidth:o,...i}){return n.jsxs(m,{size:t,color:a,strokeWidth:o,...i,children:[n.jsx("path",{d:"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"}),n.jsx("rect",{x:"2",y:"9",width:"4",height:"12"}),n.jsx("circle",{cx:"4",cy:"4",r:"2"})]})}const ee=[{name:"Home",variants:[{variant:"outline",slug:"home-outline",Component:j,componentName:"HomeOutline"},{variant:"solid",slug:"home-solid",Component:x,componentName:"HomeSolid"},{variant:"mini",slug:"home-mini",Component:k,componentName:"HomeMini"}]},{name:"YouTube",variants:[{variant:"outline",slug:"youtube",Component:g,componentName:"YouTubeOutline"}]},{name:"Instagram",variants:[{variant:"outline",slug:"instagram",Component:w,componentName:"InstagramOutline"}]},{name:"Twitter",variants:[{variant:"outline",slug:"twitter",Component:A,componentName:"TwitterOutline"}]},{name:"GitHub",variants:[{variant:"outline",slug:"github",Component:y,componentName:"GitHubOutline"}]},{name:"Facebook",variants:[{variant:"outline",slug:"facebook",Component:S,componentName:"FacebookOutline"}]},{name:"LinkedIn",variants:[{variant:"outline",slug:"linkedin",Component:P,componentName:"LinkedInOutline"}]}],re={Icon:m,HomeOutline:j,HomeSolid:x,HomeMini:k,YouTubeOutline:g,InstagramOutline:w,TwitterOutline:A,GitHubOutline:y,FacebookOutline:S,LinkedInOutline:P};c.FacebookOutline=S,c.GitHubOutline=y,c.HomeMini=k,c.HomeOutline=j,c.HomeSolid=x,c.Icon=m,c.InstagramOutline=w,c.LinkedInOutline=P,c.TwitterOutline=A,c.YouTubeOutline=g,c.default=re,c.icons=ee,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "mx-icons",
+  "version": "1.0.0",
+  "description": "Beautiful hand-crafted SVG icons for React - light mode only",
+  "type": "module",
+  "main": "./dist/mx-icons.umd.js",
+  "module": "./dist/mx-icons.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/mx-icons.es.js",
+      "require": "./dist/mx-icons.umd.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "react",
+    "icons",
+    "svg",
+    "components",
+    "mx-icons",
+    "react-icons"
+  ],
+  "author": "Your Name",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/mx-icons"
+  },
+  "homepage": "https://github.com/yourusername/mx-icons#readme",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:lib": "vite build --config vite.lib.config.js",
+    "prepublishOnly": "npm run build:lib",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^19.1.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.36.0",
+    "@types/react": "^19.1.16",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react": "^5.0.4",
+    "eslint": "^9.36.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.22",
+    "globals": "^16.4.0",
+    "vite": "^7.1.7"
+  }
+}