@scalar/components 0.14.40 → 0.15.0

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

@@ -1,31 +1,23 @@
-import { type LoadingState } from '../ScalarLoading';
-import { type Variants } from './variants.js';
+import type { ScalarButtonProps } from '../../components/ScalarButton/types';
 /**
- * Scalar Button
+ * Scalar Button Component
+ *
+ * Provides a styled button, if you are looking for
+ * an icon only button, use ScalarIconButton instead,
+ * it's a helpful wrapper around this component
+ *
+ * @example
+ * <ScalarButton>
+ *   <!-- Button label -->
+ * </ScalarButton>
  */
-type __VLS_Props = {
-    disabled?: boolean;
-    fullWidth?: boolean;
-    loading?: LoadingState | undefined;
-    size?: Variants['size'];
-    variant?: Variants['variant'];
-    type?: 'button' | 'submit' | 'reset';
-};
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
-type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_1) => any;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ScalarButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
+    default?: (props: {}) => any;
 } & {
-    default?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "sm" | "md";
-    variant: "solid" | "outlined" | "ghost" | "danger";
-    fullWidth: boolean;
-    type: "button" | "submit" | "reset";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+    default?: (props: {}) => any;
+}>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA+DA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAA;AAEpD;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAC;AA+EJ,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAuB/C,QAAA,MAAM,eAAe;;;eA/GL,OAAO;UAIZ,QAAQ,GAAG,QAAQ,GAAG,OAAO;6EAkHtC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,iCAAiC,CAAA;AAOxC;;;;;;;;;;;GAWG;;WA+IQ,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC3B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;AAhJ7C,wBAiLC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarButton/ScalarButton.vue.js

@@ -1,53 +1,99 @@
-import { defineComponent as t, createElementBlock as a, openBlock as i, mergeProps as r, unref as o, createCommentVNode as s, renderSlot as l, normalizeClass as d, createVNode as u } from "vue";
-import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
-import { variants as f } from "./variants.js";
-import m from "../ScalarLoading/ScalarLoading.vue.js";
-const g = ["aria-disabled", "type"], b = {
+import { defineComponent as g, createBlock as r, openBlock as i, resolveDynamicComponent as l, mergeProps as p, unref as a, withCtx as v, createElementBlock as s, createCommentVNode as d, renderSlot as o, normalizeClass as t, createVNode as f } from "vue";
+import { cva as n, useBindCx as z } from "@scalar/use-hooks/useBindCx";
+import { BUTTON_VARIANT_STYLES as h } from "./constants.js";
+import y from "../ScalarLoading/ScalarLoading.vue.js";
+const k = {
   key: 3,
   class: "centered"
-}, z = /* @__PURE__ */ t({
+}, B = {}, T = /* @__PURE__ */ g({
+  ...B,
   inheritAttrs: !1,
   __name: "ScalarButton",
   props: {
-    disabled: { type: Boolean },
-    fullWidth: { type: Boolean, default: !1 },
-    loading: {},
-    size: { default: "md" },
+    is: { default: "button" },
     variant: { default: "solid" },
-    type: { default: "button" }
+    size: { default: "md" },
+    disabled: { type: Boolean },
+    icon: {},
+    loading: {}
   },
-  setup(v) {
-    const { cx: n } = p();
-    return (e, y) => (i(), a("button", r(
+  setup(S) {
+    const m = n({
+      base: "scalar-button flex cursor-pointer items-center justify-center rounded font-medium -outline-offset-1",
+      variants: {
+        disabled: { true: "bg-b-2 text-color-3 shadow-none" },
+        size: {
+          xs: "px-2 py-1 text-xs leading-5",
+          sm: "px-3.5 py-2 text-sm leading-5",
+          md: "px-5 py-3 text-sm leading-5"
+        },
+        variant: h
+      },
+      compoundVariants: [
+        {
+          disabled: !0,
+          variant: ["solid", "outlined", "ghost", "gradient", "danger"],
+          class: "bg-b-2 text-c-3 shadow-none hover:bg-b-[_] cursor-not-allowed active:bg-b-[_] hover:text-c-[_] active:text-c-[_]"
+        },
+        {
+          disabled: !0,
+          variant: ["gradient"],
+          class: "to-b-1.5 bg-linear-to-b hover:bg-linear-to-b dark:hover:bg-linear-to-t"
+        }
+      ]
+    }), u = n({
+      base: "shrink-0",
+      variants: {
+        size: {
+          xs: "size-2.75 -ml-0.25 mr-1",
+          sm: "size-3.25 -ml-0.5 mr-1.5",
+          md: "size-3.5 -ml-0.5 mr-1.5"
+        }
+      }
+    }), b = n({
+      variants: {
+        size: {
+          xs: "size-4",
+          sm: "size-5",
+          md: "size-6"
+        }
+      }
+    }), { cx: c } = z();
+    return (e, V) => (i(), r(l(e.is), p(
       {
         "aria-disabled": e.disabled || void 0,
-        type: e.type
+        type: e.is === "button" ? "button" : void 0
       },
-      o(n)(o(f)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }), {
+      a(c)(a(m)({ disabled: e.disabled, size: e.size, variant: e.variant }), {
         relative: e.loading?.isLoading
       })
-    ), [
-      e.$slots.icon ? (i(), a("div", {
-        key: 0,
-        class: d(["mr-2 h-4 w-4", { invisible: e.loading?.isLoading }])
-      }, [
-        l(e.$slots, "icon")
-      ], 2)) : s("", !0),
-      e.loading ? (i(), a("span", {
-        key: 1,
-        class: d({ invisible: e.loading?.isLoading })
-      }, [
-        l(e.$slots, "default")
-      ], 2)) : l(e.$slots, "default", { key: 2 }),
-      e.loading?.isLoading ? (i(), a("div", b, [
-        u(o(m), {
-          loadingState: e.loading,
-          size: "xl"
-        }, null, 8, ["loadingState"])
-      ])) : s("", !0)
-    ], 16, g));
+    ), {
+      default: v(() => [
+        e.$slots.icon || e.icon ? (i(), s("div", {
+          key: 0,
+          class: t([a(u)({ size: e.size }), { invisible: e.loading?.isLoading }])
+        }, [
+          o(e.$slots, "icon", {}, () => [
+            (i(), r(l(e.icon), { class: "size-full" }))
+          ])
+        ], 2)) : d("", !0),
+        e.loading ? (i(), s("span", {
+          key: 1,
+          class: t({ invisible: e.loading?.isLoading })
+        }, [
+          o(e.$slots, "default")
+        ], 2)) : o(e.$slots, "default", { key: 2 }),
+        e.loading?.isLoading ? (i(), s("div", k, [
+          f(a(y), {
+            class: t(a(b)({ size: e.size })),
+            loadingState: e.loading
+          }, null, 8, ["class", "loadingState"])
+        ])) : d("", !0)
+      ]),
+      _: 3
+    }, 16, ["aria-disabled", "type"]));
   }
 });
 export {
-  z as default
+  T as default
 };

package/dist/components/ScalarButton/constants.d.ts

@@ -0,0 +1,9 @@
+/** Styles for the different button variants */
+export declare const BUTTON_VARIANT_STYLES: {
+    readonly solid: ["scalar-button-solid", "bg-b-btn text-c-btn focus-visible:border-c-btn active:bg-b-btn hover:bg-h-btn outline-offset-1"];
+    readonly outlined: ["scalar-button-outlined", "active:bg-btn-1 border border-solid border-border bg-b-1 text-c-1 hover:bg-b-2"];
+    readonly ghost: ["scalar-button-ghost", "bg-transparent text-c-3 active:text-c-1 hover:text-c-1"];
+    readonly gradient: ["scalar-button-gradient", "border bg-b-1.5 bg-linear-to-b from-b-1 to-b-2 hover:bg-linear-to-t", "dark:bg-linear-to-t dark:hover:bg-linear-to-b"];
+    readonly danger: ["scalar-button-danger", "bg-c-danger text-white active:brightness-90 hover:brightness-90"];
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/ScalarButton/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/constants.ts"],"names":[],"mappings":"AAEA,+CAA+C;AAC/C,eAAO,MAAM,qBAAqB;;;;;;CAiBmB,CAAA"}

package/dist/components/ScalarButton/constants.js

@@ -0,0 +1,21 @@
+const t = {
+  solid: [
+    "scalar-button-solid",
+    "bg-b-btn text-c-btn focus-visible:border-c-btn active:bg-b-btn hover:bg-h-btn outline-offset-1"
+  ],
+  outlined: [
+    "scalar-button-outlined",
+    "active:bg-btn-1 border border-solid border-border bg-b-1 text-c-1 hover:bg-b-2"
+  ],
+  ghost: ["scalar-button-ghost", "bg-transparent text-c-3 active:text-c-1 hover:text-c-1"],
+  gradient: [
+    "scalar-button-gradient",
+    "border bg-b-1.5 bg-linear-to-b from-b-1 to-b-2 hover:bg-linear-to-t",
+    // in dark mode we want to reverse the gradient direction
+    "dark:bg-linear-to-t dark:hover:bg-linear-to-b"
+  ],
+  danger: ["scalar-button-danger", "bg-c-danger text-white active:brightness-90 hover:brightness-90"]
+};
+export {
+  t as BUTTON_VARIANT_STYLES
+};

package/dist/components/ScalarButton/index.d.ts

@@ -1,3 +1,3 @@
 export { default as ScalarButton } from './ScalarButton.vue.js';
-export { styles } from './variants.js';
+export type { ButtonSize as ScalarButtonSize, ButtonVariant as ScalarButtonVariant } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,YAAY,EAAE,UAAU,IAAI,gBAAgB,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/ScalarButton/types.d.ts

@@ -0,0 +1,72 @@
+import type { ScalarIconComponent } from '@scalar/icons/types';
+import type { Component } from 'vue';
+import type { LoadingState } from '../../components/ScalarLoading';
+/** Styles for the ScalarButton component */
+export type ButtonVariant = 'solid' | 'outlined' | 'ghost' | 'gradient' | 'danger';
+/** Sizes for the ScalarButton component */
+export type ButtonSize = 'xs' | 'sm' | 'md';
+/** Utility type for class names */
+export type ClassList = string | string[];
+/** Props for the ScalarButton component */
+export type ScalarButtonProps = {
+    /**
+     * Overrides the rendered element
+     *
+     * @default 'button'
+     *
+     * @example
+     * <ScalarButton is="a" href="https://scalar.com">
+     *   I'm a link!
+     * </ScalarButton>
+     */
+    is?: string | Component;
+    /**
+     * The variant of the button
+     *
+     * @default 'solid'
+     */
+    variant?: ButtonVariant;
+    /**
+     * The size of the button
+     *
+     * @default 'md'
+     */
+    size?: ButtonSize;
+    /**
+     * Visually disables the button
+     *
+     * Note: This does not prevent interaction.
+     *@see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-disabled
+     */
+    disabled?: boolean;
+    /**
+     * The icon to display in the button
+     *
+     * Use a component from the `@scalar/icons` package to display an icon.
+     *
+     * @example
+     * import { ScalarIconAcorn } from '@scalar/icons'
+     * ...
+     * <ScalarButton :icon="ScalarIconAcorn">
+     *   It's an acorn
+     * </ScalarButton>
+     */
+    icon?: ScalarIconComponent;
+    /**
+     * The loading state of the button
+     *
+     * @see <ScalarLoading>
+     *
+     * @example
+     * import { useLoadingState } from '@scalar/components'
+     * ...
+     * const loadingState = useLoadingState()
+     * loadingState.startLoading()
+     * ...
+     * <ScalarButton :loading="loadingState">
+     *   It's loading...
+     * </ScalarButton>
+     */
+    loading?: LoadingState;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ScalarButton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAE9D,4CAA4C;AAC5C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;AAElF,2CAA2C;AAC3C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,mCAAmC;AACnC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAEzC,2CAA2C;AAC3C,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;;;;;OASG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA"}

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as _, mergeModels as x, useModel as v, createElementBlock as o, openBlock as i, normalizeProps as g, guardReactiveProps as C, unref as l, createElementVNode as t, Fragment as V, renderList as k, toDisplayString as n, createVNode as d, withCtx as a, createTextVNode as m } from "vue";
+import { defineComponent as x, mergeModels as _, useModel as v, createElementBlock as o, openBlock as i, normalizeProps as g, guardReactiveProps as C, unref as l, createElementVNode as t, Fragment as V, renderList as k, toDisplayString as n, createVNode as d, withCtx as a, createTextVNode as m } from "vue";
 import { useBindCx as y } from "@scalar/use-hooks/useBindCx";
 import z from "pretty-bytes";
 import u from "../ScalarButton/ScalarButton.vue.js";
-const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-center justify-between" }, w = { class: "flex-1 min-w-0 truncate" }, F = { class: "text-c-3" }, M = { class: "flex items-center gap-1.5" }, N = {}, P = /* @__PURE__ */ _({
+const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-center justify-between" }, w = { class: "flex-1 min-w-0 truncate" }, F = { class: "text-c-3" }, M = { class: "flex items-center gap-1.5" }, N = {}, P = /* @__PURE__ */ x({
   ...N,
   inheritAttrs: !1,
   __name: "ScalarFileUploadFileList",
@@ -10,7 +10,7 @@ const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-cent
     modelValue: {},
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ x(["upload"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ _(["upload"], ["update:modelValue"]),
   setup(p) {
     const r = v(p, "modelValue"), { cx: f } = y();
     return (c, e) => (i(), o("div", g(C(l(f)("flex flex-col gap-2 p-4"))), [
@@ -28,7 +28,7 @@ const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-cent
       ]))), 128)),
       t("div", M, [
         d(l(u), {
-          size: "sm",
+          size: "xs",
           onClick: e[0] || (e[0] = (s) => c.$emit("upload"))
         }, {
           default: a(() => e[2] || (e[2] = [
@@ -38,7 +38,7 @@ const B = { class: "border rounded p-1 text-xs" }, $ = { class: "flex items-cent
           __: [2]
         }),
         d(l(u), {
-          size: "sm",
+          size: "xs",
           variant: "outlined",
           onClick: e[1] || (e[1] = (s) => r.value = [])
         }, {

package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.js

@@ -24,7 +24,7 @@ const v = { class: "flex items-center gap-1.5 whitespace-nowrap" }, B = { class:
           e[1] || (e[1] = s("span", { class: "text-c-3" }, " or", -1))
         ]),
         c(l(y), {
-          size: "sm",
+          size: "xs",
           tabindex: "-1",
           variant: "outlined",
           onClick: e[0] || (e[0] = (d) => t.$emit("click", d))

package/dist/components/ScalarIcon/icons/index.d.ts

@@ -1,2 +1,2 @@
-export declare const ICONS: readonly ["Add", "AddTab", "Alert", "ArrowLeft", "ArrowRight", "Brackets", "Branch", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CloseTab", "CloseTabs", "Cloud", "CodeFolder", "Cog", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Download", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "GitHubLine", "Globe", "Google", "Help", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "Magic", "Markdown", "Menu", "NotAllowed", "Page", "Pencil", "Play", "Refresh", "Roadmap", "Scribble", "Search", "Server", "Settings", "Show", "Sort", "Terminal", "Trash", "Unlock", "Unwatch", "Upload", "User", "UserSwitch", "Users", "Versions", "Wallet", "Watch", "Workspace", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-dart", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-rust", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
+export declare const ICONS: readonly ["Add", "AddTab", "Alert", "ArrowLeft", "ArrowRight", "Brackets", "Branch", "Changelog", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CloseTab", "CloseTabs", "Cloud", "CodeFolder", "Cog", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Download", "Duplicate", "Edit", "Ellipses", "Email", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "GitHubLine", "Globe", "Google", "Help", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "Magic", "Markdown", "Menu", "NotAllowed", "Page", "Pencil", "Play", "Refresh", "Roadmap", "Scribble", "Search", "Server", "Settings", "Show", "Sort", "Terminal", "Trash", "Unlock", "Unwatch", "Upload", "User", "UserSwitch", "Users", "Versions", "Wallet", "Watch", "Workspace", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-dart", "programming-language-fsharp", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-rust", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarIcon/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/icons/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,s3DAmHR,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/icons/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,q5DAoHR,CAAA"}

package/dist/components/ScalarIcon/icons/programming-language-fsharp.svg.js

@@ -0,0 +1,16 @@
+import { createElementBlock as r, openBlock as t, createElementVNode as o } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 128 128"
+};
+function l(m, e) {
+  return t(), r("svg", n, e[0] || (e[0] = [
+    o("path", { d: "M0 64.5 60.7 3.8v30.4L30.4 64.5l30.4 30.4v30.4zm39.1 0 21.7-21.7v43.4zm88.9 0L65.1 3.8v30.4l30.4 30.4-30.4 30.3v30.4z" }, null, -1)
+  ]));
+}
+const s = { render: l };
+export {
+  s as default,
+  l as render
+};