@scalar/icons 0.1.2 → 0.2.0

package/README.md

@@ -12,7 +12,7 @@ npm add @scalar/icons
 
 ```vue
 <script setup lang="ts">
-import { LibraryIcon } from '@scalar/icons'
+import { LibraryIcon } from '@scalar/icons/library'
 </script>
 
 <template>
@@ -20,99 +20,6 @@ import { LibraryIcon } from '@scalar/icons'
 </template>
 ```
 
-## Icons
-
-<!-- list-of-available-icons -->
-
-| Icon                                                                                                                                                                        | Name                                                |
-| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------- |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/basic-shape-diamond.svg" style="display: block;"></span>                               | `basic-shape-diamond`                               |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/basic-shape-hexagon.svg" style="display: block;"></span>                               | `basic-shape-hexagon`                               |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/basic-shape-primary-circle-ellipse-round.svg" style="display: block;"></span>          | `basic-shape-primary-circle-ellipse-round`          |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/basic-shape-primary-square-rectangle.svg" style="display: block;"></span>              | `basic-shape-primary-square-rectangle`              |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/basic-shape-shield.svg" style="display: block;"></span>                                | `basic-shape-shield`                                |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-desktop-monitor.svg" style="display: block;"></span>                   | `computer-device-desktop-monitor`                   |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-desktop.svg" style="display: block;"></span>                           | `computer-device-desktop`                           |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-laptop.svg" style="display: block;"></span>                            | `computer-device-laptop`                            |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-mobile-phone-android-samsung-back.svg" style="display: block;"></span> | `computer-device-mobile-phone-android-samsung-back` |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-mobile-phone-android-samsung.svg" style="display: block;"></span>      | `computer-device-mobile-phone-android-samsung`      |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-mobile-phone-iphone-x-back.svg" style="display: block;"></span>        | `computer-device-mobile-phone-iphone-x-back`        |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-mobile-phone-iphone-x.svg" style="display: block;"></span>             | `computer-device-mobile-phone-iphone-x`             |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-mobile-tablet-touch.svg" style="display: block;"></span>               | `computer-device-mobile-tablet-touch`               |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-mobile-tablet.svg" style="display: block;"></span>                     | `computer-device-mobile-tablet`                     |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-network-ethernet-cat6.svg" style="display: block;"></span>             | `computer-device-network-ethernet-cat6`             |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-network-lan-www.svg" style="display: block;"></span>                   | `computer-device-network-lan-www`                   |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-network-wifi-connection.svg" style="display: block;"></span>           | `computer-device-network-wifi-connection`           |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/computer-device-network-wifi-router.svg" style="display: block;"></span>               | `computer-device-network-wifi-router`               |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/ecology-science-erlenmeyer-flask.svg" style="display: block;"></span>                  | `ecology-science-erlenmeyer-flask`                  |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/image-flash-lightning.svg" style="display: block;"></span>                             | `image-flash-lightning`                             |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/image-picture-flower.svg" style="display: block;"></span>                              | `image-picture-flower`                              |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-alert-exclamation-diamond.svg" style="display: block;"></span>               | `interface-alert-exclamation-diamond`               |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-alert-exclamation-triangle-warning.svg" style="display: block;"></span>      | `interface-alert-exclamation-triangle-warning`      |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-alert-information-circle.svg" style="display: block;"></span>                | `interface-alert-information-circle`                |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-award-crown.svg" style="display: block;"></span>                             | `interface-award-crown`                             |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-bookmark-tag.svg" style="display: block;"></span>                            | `interface-bookmark-tag`                            |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-bookmark.svg" style="display: block;"></span>                                | `interface-bookmark`                                |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-calendar-date-one.svg" style="display: block;"></span>                       | `interface-calendar-date-one`                       |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-content-book-open-pages.svg" style="display: block;"></span>                 | `interface-content-book-open-pages`                 |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-content-book-page.svg" style="display: block;"></span>                       | `interface-content-book-page`                       |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-content-file.svg" style="display: block;"></span>                            | `interface-content-file`                            |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-content-folder.svg" style="display: block;"></span>                          | `interface-content-folder`                          |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-copy-clipboard.svg" style="display: block;"></span>                          | `interface-copy-clipboard`                          |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-edit-attachment.svg" style="display: block;"></span>                         | `interface-edit-attachment`                         |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-edit-binocular.svg" style="display: block;"></span>                          | `interface-edit-binocular`                          |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-edit-magic-wand.svg" style="display: block;"></span>                         | `interface-edit-magic-wand`                         |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-edit-tool-paint-roller.svg" style="display: block;"></span>                  | `interface-edit-tool-paint-roller`                  |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-edit-tool-pencil.svg" style="display: block;"></span>                        | `interface-edit-tool-pencil`                        |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-favorite-award.svg" style="display: block;"></span>                          | `interface-favorite-award`                          |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-favorite-flag.svg" style="display: block;"></span>                           | `interface-favorite-flag`                           |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-favorite-heart.svg" style="display: block;"></span>                          | `interface-favorite-heart`                          |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-favorite-star.svg" style="display: block;"></span>                           | `interface-favorite-star`                           |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-favorite-stars-sparkles.svg" style="display: block;"></span>                 | `interface-favorite-stars-sparkles`                 |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-hierarchy-flowchart.svg" style="display: block;"></span>                     | `interface-hierarchy-flowchart`                     |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-home-house.svg" style="display: block;"></span>                              | `interface-home-house`                              |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-hyperlink.svg" style="display: block;"></span>                               | `interface-hyperlink`                               |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-lighting-brightness.svg" style="display: block;"></span>                     | `interface-lighting-brightness`                     |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-lock-closed.svg" style="display: block;"></span>                             | `interface-lock-closed`                             |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-lock-open-unlock.svg" style="display: block;"></span>                        | `interface-lock-open-unlock`                        |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-login-key.svg" style="display: block;"></span>                               | `interface-login-key`                               |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-search.svg" style="display: block;"></span>                                  | `interface-search`                                  |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-setting-cog.svg" style="display: block;"></span>                             | `interface-setting-cog`                             |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-share-megaphone-bullhorn.svg" style="display: block;"></span>                | `interface-share-megaphone-bullhorn`                |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-share-rocket.svg" style="display: block;"></span>                            | `interface-share-rocket`                            |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-share-satellite.svg" style="display: block;"></span>                         | `interface-share-satellite`                         |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-share-space-ship.svg" style="display: block;"></span>                        | `interface-share-space-ship`                        |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-share.svg" style="display: block;"></span>                                   | `interface-share`                                   |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-signal-square.svg" style="display: block;"></span>                           | `interface-signal-square`                           |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-time-clock-circle.svg" style="display: block;"></span>                       | `interface-time-clock-circle`                       |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-time-hour-glass.svg" style="display: block;"></span>                         | `interface-time-hour-glass`                         |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-users-multiple.svg" style="display: block;"></span>                          | `interface-users-multiple`                          |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/interface-weather-moon.svg" style="display: block;"></span>                            | `interface-weather-moon`                            |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/mail-chat-bubble-square.svg" style="display: block;"></span>                           | `mail-chat-bubble-square`                           |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/mail-send-email-paper-airplane.svg" style="display: block;"></span>                    | `mail-send-email-paper-airplane`                    |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/mail-send-envelope.svg" style="display: block;"></span>                                | `mail-send-envelope`                                |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/money-cashier-receipt.svg" style="display: block;"></span>                             | `money-cashier-receipt`                             |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/money-currency-dollar-pay.svg" style="display: block;"></span>                         | `money-currency-dollar-pay`                         |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/money-graph-arrow-increase.svg" style="display: block;"></span>                        | `money-graph-arrow-increase`                        |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/money-graph-bar-chart-increase.svg" style="display: block;"></span>                    | `money-graph-bar-chart-increase`                    |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/nature-ecology-leaf.svg" style="display: block;"></span>                               | `nature-ecology-leaf`                               |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/phone-telephone.svg" style="display: block;"></span>                                   | `phone-telephone`                                   |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/programming-bug.svg" style="display: block;"></span>                                   | `programming-bug`                                   |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/programming-cloud.svg" style="display: block;"></span>                                 | `programming-cloud`                                 |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/programming-computer-database-server.svg" style="display: block;"></span>              | `programming-computer-database-server`              |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/programming-computer-database.svg" style="display: block;"></span>                     | `programming-computer-database`                     |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/programming-module-four-layout.svg" style="display: block;"></span>                    | `programming-module-four-layout`                    |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/programming-module-three.svg" style="display: block;"></span>                          | `programming-module-three`                          |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/programming-module.svg" style="display: block;"></span>                                | `programming-module`                                |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/programming-script-code.svg" style="display: block;"></span>                           | `programming-script-code`                           |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/shopping-cart.svg" style="display: block;"></span>                                     | `shopping-cart`                                     |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/shopping-gift-present.svg" style="display: block;"></span>                             | `shopping-gift-present`                             |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/shopping-shipping-box-parcel-package.svg" style="display: block;"></span>              | `shopping-shipping-box-parcel-package`              |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/tag-new-circle.svg" style="display: block;"></span>                                    | `tag-new-circle`                                    |
-| <span style="background: white; display: block; padding: 2px;"><img src="./src/icons/travel-map-earth-globe.svg" style="display: block;"></span>                            | `travel-map-earth-globe`                            |
-
-<!-- /list-of-available-icons -->
-
 ## Community
 
 We are API nerds. You too? Let’s chat on Discord: <https://discord.gg/scalar>

package/dist/components/ScalarIconMagnifyingGlass.vue.d.ts

@@ -0,0 +1,11 @@
+import { type ScalarIconProps } from '../useScalarIcon.js';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<ScalarIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, SVGSVGElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarIconMagnifyingGlass.vue.d.ts.map

package/dist/components/ScalarIconMagnifyingGlass.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarIconMagnifyingGlass.vue.d.ts","sourceRoot":"","sources":["../../src/components/ScalarIconMagnifyingGlass.vue"],"names":[],"mappings":"AAuDA,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAA;;qBAmEzC,GAAG;;AA/DhC,wBAqGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarIconMagnifyingGlass.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent as p, openBlock as l, createElementBlock as o, mergeProps as u, unref as e, renderSlot as g, createElementVNode as n, createCommentVNode as m } from "vue";
+import { useScalarIcon as M } from "../useScalarIcon.js";
+const Z = { key: 0 }, f = { key: 1 }, A = { key: 2 }, k = { key: 3 }, y = { key: 4 }, h = { key: 5 }, w = {
+  name: "ScalarIconMagnifyingGlass"
+}, v = /* @__PURE__ */ p({
+  ...w,
+  props: {
+    label: {},
+    weight: {}
+  },
+  setup(s) {
+    const r = s, { bind: d, weight: a } = M(r);
+    return (i, t) => (l(), o("svg", u({
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 256 256",
+      fill: "currentColor"
+    }, e(d)), [
+      g(i.$slots, "default"),
+      e(a) === "bold" ? (l(), o("g", Z, t[0] || (t[0] = [
+        n("path", { d: "M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z" }, null, -1)
+      ]))) : e(a) === "duotone" ? (l(), o("g", f, t[1] || (t[1] = [
+        n("path", {
+          d: "M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z",
+          opacity: "0.2"
+        }, null, -1),
+        n("path", { d: "M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z" }, null, -1)
+      ]))) : e(a) === "fill" ? (l(), o("g", A, t[2] || (t[2] = [
+        n("path", { d: "M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z" }, null, -1)
+      ]))) : e(a) === "light" ? (l(), o("g", k, t[3] || (t[3] = [
+        n("path", { d: "M228.24,219.76l-51.38-51.38a86.15,86.15,0,1,0-8.48,8.48l51.38,51.38a6,6,0,0,0,8.48-8.48ZM38,112a74,74,0,1,1,74,74A74.09,74.09,0,0,1,38,112Z" }, null, -1)
+      ]))) : e(a) === "regular" ? (l(), o("g", y, t[4] || (t[4] = [
+        n("path", { d: "M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z" }, null, -1)
+      ]))) : e(a) === "thin" ? (l(), o("g", h, t[5] || (t[5] = [
+        n("path", { d: "M226.83,221.17l-52.7-52.7a84.1,84.1,0,1,0-5.66,5.66l52.7,52.7a4,4,0,0,0,5.66-5.66ZM36,112a76,76,0,1,1,76,76A76.08,76.08,0,0,1,36,112Z" }, null, -1)
+      ]))) : m("", !0)
+    ], 16));
+  }
+});
+export {
+  v as default
+};

package/dist/components/ScalarIconMagnifyingGlass.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScalarIconMagnifyingGlass.vue.js";
+export {
+  f as default
+};

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export * from './icons.js';
-export * from './types';
-export { default as LibraryIcon } from './LibraryIcon.vue.js';
+import ScalarIconMagnifyingGlass from './components/ScalarIconMagnifyingGlass.vue.js';
+export { ScalarIconMagnifyingGlass };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,MAAM,4CAA4C,CAAA;AAElF,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/index.js

@@ -1,7 +1,4 @@
-import { getLibraryIcon as a, libraryIcons as e } from "./icons.js";
-import { default as b } from "./LibraryIcon.vue.js";
+import { default as l } from "./components/ScalarIconMagnifyingGlass.vue.js";
 export {
-  b as LibraryIcon,
-  a as getLibraryIcon,
-  e as libraryIcons
+  l as ScalarIconMagnifyingGlass
 };

package/dist/library/LibraryIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryIcon.vue.d.ts","sourceRoot":"","sources":["../../src/library/LibraryIcon.vue"],"names":[],"mappings":"AAwBA,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC;;AA6DF,wBAMG"}

package/dist/{icons.d.ts → library/icons.d.ts}

@@ -1,6 +1,6 @@
-import type { IconDefinition } from './types';
+import type { LibraryIconDefinition } from './types';
 import type { Component } from 'vue';
 /** Icon list for icon selector */
-export declare const libraryIcons: IconDefinition[];
+export declare const libraryIcons: LibraryIconDefinition[];
 export declare const getLibraryIcon: (src: string) => Component | undefined;
 //# sourceMappingURL=icons.d.ts.map

package/dist/library/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/library/icons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAkCpC,kCAAkC;AAClC,eAAO,MAAM,YAAY,EAAE,qBAAqB,EAA6B,CAAA;AAK7E,eAAO,MAAM,cAAc,QAAS,MAAM,KAAG,SAAS,GAAG,SAExD,CAAA"}

package/dist/{icons.js → library/icons.js}

@@ -180,9 +180,7 @@ function We(o) {
       },
       rawData: s
     };
-  }), t = r.map((e) => e.icon), n = Object.fromEntries(
-    r.map((e) => [e.icon.src, e.rawData])
-  );
+  }), t = r.map((e) => e.icon), n = Object.fromEntries(r.map((e) => [e.icon.src, e.rawData]));
   return {
     iconDefinitionList: t,
     iconDataMap: n

package/dist/library/index.d.ts

@@ -0,0 +1,4 @@
+export * from './icons.js';
+export * from './types';
+export { default as LibraryIcon } from './LibraryIcon.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/library/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/library/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/library/index.js

@@ -0,0 +1,7 @@
+import { getLibraryIcon as a, libraryIcons as e } from "./icons.js";
+import { default as b } from "./LibraryIcon.vue.js";
+export {
+  b as LibraryIcon,
+  a as getLibraryIcon,
+  e as libraryIcons
+};

package/dist/library/types.d.ts

@@ -0,0 +1,6 @@
+export type LibraryIconDefinition = {
+    src: string;
+    title?: string;
+    tags: string[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/library/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/library/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,EAAE,CAAA;CACf,CAAA"}

package/dist/scripts/generate-icons.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=generate-icons.d.ts.map

package/dist/scripts/generate-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-icons.d.ts","sourceRoot":"","sources":["../../src/scripts/generate-icons.ts"],"names":[],"mappings":""}

package/dist/useScalarIcon.d.ts

@@ -0,0 +1,24 @@
+export type ScalarIconWeight = 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
+export type ScalarIconProps = {
+    label?: string;
+    weight?: ScalarIconWeight;
+};
+export declare function useScalarIcon(props?: ScalarIconProps): {
+    bind: import("vue").ComputedRef<{
+        class: string;
+        'aria-label': string;
+        'aria-hidden'?: undefined;
+        role?: undefined;
+        width: string;
+        height: string;
+    } | {
+        class: string;
+        'aria-hidden': boolean;
+        role: string;
+        'aria-label'?: undefined;
+        width: string;
+        height: string;
+    }>;
+    weight: import("vue").ComputedRef<ScalarIconWeight>;
+};
+//# sourceMappingURL=useScalarIcon.d.ts.map

package/dist/useScalarIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScalarIcon.d.ts","sourceRoot":"","sources":["../src/useScalarIcon.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;AAEzF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAC1B,CAAA;AAID,wBAAgB,aAAa,CAAC,KAAK,GAAE,eAAoB;;;;;;;;;;;;;;;;;EAgBxD"}

package/dist/useScalarIcon.js

@@ -0,0 +1,20 @@
+import { computed as t } from "vue";
+import { useBindCx as r } from "@scalar/use-hooks/useBindCx";
+const n = "regular";
+function u(e = {}) {
+  const { cx: a } = r(), i = t(
+    () => e.label ? { "aria-label": e.label } : { "aria-hidden": !0, role: "presentation" }
+  );
+  return {
+    bind: t(() => ({
+      width: "1em",
+      height: "1em",
+      ...i.value,
+      ...a()
+    })),
+    weight: t(() => e.weight ?? n)
+  };
+}
+export {
+  u as useScalarIcon
+};

package/package.json

@@ -7,10 +7,10 @@
   "bugs": "https://github.com/scalar/scalar/issues/new/choose",
   "repository": {
     "type": "git",
-    "url": "https://github.com/scalar/scalar.git",
+    "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/icons"
   },
-  "version": "0.1.2",
+  "version": "0.2.0",
   "engines": {
     "node": ">=18"
   },
@@ -21,6 +21,10 @@
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
+    },
+    "./library": {
+      "import": "./dist/library/index.js",
+      "require": "./dist/library/index.cjs"
     }
   },
   "files": [
@@ -28,21 +32,27 @@
   ],
   "module": "./dist/index.js",
   "dependencies": {
-    "vue": "^3.5.12"
+    "@phosphor-icons/core": "^2.1.1",
+    "@types/node": "^20.17.10",
+    "chalk": "^5.4.1",
+    "vue": "^3.5.12",
+    "@scalar/use-hooks": "0.1.42"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
     "svglint": "^2.7.1",
     "vite": "^5.4.10",
     "vite-svg-loader": "^5.1.0",
-    "@scalar/build-tooling": "0.1.12"
+    "@scalar/build-tooling": "0.1.17"
   },
   "scripts": {
-    "build": "pnpm update:icons && pnpm prettier --write README.md && scalar-build-vite",
-    "update:icons": "vite-node ./scripts/update-list-of-icons.ts",
+    "build": "scalar-build-vite",
+    "format": "scalar-format",
+    "format:check": "scalar-format-check",
+    "generate:icons": "vite-node ./src/scripts/generate-icons.ts",
     "lint:check": "eslint . && pnpm lint:icons",
     "lint:fix": "eslint . --fix",
-    "lint:icons": "svglint src/icons/*.svg --config .svglintrc.js",
+    "lint:icons": "svglint src/library/icons/*.svg --config src/library/.svglintrc.js",
     "types:build": "scalar-types-build-vue",
     "types:check": "scalar-types-check-vue"
   }

package/dist/LibraryIcon.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibraryIcon.vue.d.ts","sourceRoot":"","sources":["../src/LibraryIcon.vue"],"names":[],"mappings":"AAwBA,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC;;AA6DF,wBAMG"}

package/dist/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAuCpC,kCAAkC;AAClC,eAAO,MAAM,YAAY,EAAE,cAAc,EAA6B,CAAA;AAKtE,eAAO,MAAM,cAAc,QAAS,MAAM,KAAG,SAAS,GAAG,SAExD,CAAA"}

package/dist/types.d.ts

@@ -1,6 +0,0 @@
-export type IconDefinition = {
-    src: string;
-    title?: string;
-    tags: string[];
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,EAAE,CAAA;CACf,CAAA"}