@scalar/components 0.10.1 → 0.11.0

package/dist/components/ScalarTextField/ScalarTextField.vue2.js

@@ -0,0 +1,107 @@
+import { defineComponent as S, useAttrs as F, ref as h, onMounted as k, openBlock as i, createElementBlock as v, createElementVNode as s, normalizeClass as u, unref as o, createBlock as z, resolveDynamicComponent as V, mergeProps as M, withKeys as T, normalizeStyle as $, toDisplayString as x, createCommentVNode as O, renderSlot as A } from "vue";
+import { useTextareaAutosize as D } from "@vueuse/core";
+import { nanoid as E } from "nanoid";
+import { cva as K, cx as d } from "../../cva.js";
+const N = { class: "scalar-input-container relative" }, P = ["for"], R = { class: "icon-slot cursor-pointer text-c-ghost hover:text-c-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, H = /* @__PURE__ */ S({
+  __name: "ScalarTextField",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    label: {},
+    labelShadowColor: { default: "var(--scalar-background-2)" },
+    error: { type: Boolean },
+    isMultiline: { type: Boolean },
+    helperText: {},
+    emitOnBlur: { type: Boolean, default: !0 },
+    handleFieldSubmit: {},
+    handleFieldChange: {},
+    disableTrim: { type: Boolean, default: !1 }
+  },
+  emits: ["submit", "update:modelValue"],
+  setup(y, { emit: g }) {
+    const t = y, p = g, w = K({
+      base: "scalar-input-wrapper relative flex items-center rounded border border-solid border-border",
+      variants: {
+        focus: {
+          true: "scalar-input-wrapper-focus border-c-3 has-actv-btn:border has-actv-btn:border-border"
+        },
+        error: { true: "scalar-input-wrapper-error border-error" }
+      }
+    }), c = F(), m = c.id || `id-${E()}`, l = h(), a = h(!1);
+    let f;
+    if (t.isMultiline) {
+      const { triggerResize: e } = D({
+        element: l,
+        input: t.modelValue
+      });
+      f = e;
+    }
+    function B(e) {
+      const r = e.target.value;
+      t.isMultiline && f(), t.handleFieldChange ? t.handleFieldChange(r) : p("update:modelValue", r);
+    }
+    function b(e) {
+      const r = e.target, n = t.disableTrim || t.isMultiline ? r.value : r.value.trim();
+      t.handleFieldSubmit ? t.handleFieldSubmit(n) : p("submit", n);
+    }
+    function C(e) {
+      a.value = !1, t.emitOnBlur && t.modelValue && b(e);
+    }
+    return k(() => {
+      var e;
+      Object.prototype.hasOwnProperty.call(c, "autofocus") && ((e = l.value) == null || e.focus());
+    }), (e, r) => (i(), v("div", N, [
+      s("div", {
+        class: u(o(w)({ error: e.error, focus: a.value }))
+      }, [
+        (i(), z(V(e.isMultiline ? "textarea" : "input"), M({ id: o(m) }, e.$attrs, {
+          ref_key: "input",
+          ref: l,
+          class: [
+            "scalar-input",
+            o(d)(
+              { "min-h-[77px]": e.isMultiline },
+              "z-10 w-full resize-none appearance-none border-0 bg-transparent p-3 text-sm text-c-1",
+              "outline-none transition-opacity"
+            )
+          ],
+          placeholder: e.placeholder,
+          value: e.modelValue,
+          onBlur: C,
+          onFocus: r[0] || (r[0] = (n) => a.value = !0),
+          onInput: B,
+          onKeyup: T(b, ["enter"])
+        }), null, 16, ["id", "class", "placeholder", "value"])),
+        e.label ? (i(), v("label", {
+          key: 0,
+          class: u(
+            o(d)(
+              "scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-xs",
+              "z-10 origin-top-left rounded text-c-3 shadow-current transition-transform"
+            )
+          ),
+          for: o(m),
+          style: $({
+            "box-shadow": `0 0 4px 4px ${e.labelShadowColor}`,
+            "background-color": e.labelShadowColor
+          })
+        }, x(e.label), 15, P)) : O("", !0),
+        s("div", R, [
+          A(e.$slots, "default", {}, void 0, !0)
+        ])
+      ], 2),
+      s("span", {
+        class: u(
+          o(d)(
+            "helper-text before:font-black mt-1.5 flex items-center text-xs text-error before:rounded-full",
+            "before:mr-1.5 before:block before:h-4 before:w-4 before:text-center before:text-xxs before:leading-4",
+            "before:bg-error before:text-white before:content-['!'] empty:hidden"
+          )
+        )
+      }, x(e.helperText), 3)
+    ]));
+  }
+});
+export {
+  H as default
+};

package/dist/components/ScalarTextField/ScalarTextField.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/cva.js

@@ -0,0 +1,19 @@
+import { defineConfig as e } from "cva";
+import { extendTailwindMerge as t } from "tailwind-merge";
+const n = t({
+  extend: {
+    classGroups: {
+      "font-size": ["text-xxs"]
+    }
+  }
+}), { cva: r, cx: x, compose: c } = e({
+  hooks: {
+    onComplete: (o) => n(o)
+  }
+});
+export {
+  c as compose,
+  r as cva,
+  x as cx,
+  n as tw
+};

package/dist/helpers/sleep.js

@@ -0,0 +1,4 @@
+const s = (e) => new Promise((o) => setTimeout(o, e));
+export {
+  s as sleep
+};

package/dist/index.d.ts

@@ -22,6 +22,8 @@ declare type __VLS_NonUndefinedable_14<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_15<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_16<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
@@ -62,6 +64,10 @@ declare type __VLS_Prettify_6<T> = {
     [K in keyof T]: T[K];
 } & {};
 
+declare type __VLS_Prettify_7<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
 declare type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable<T[K]>>;
@@ -125,6 +131,15 @@ declare type __VLS_TypePropsToRuntimeProps_15<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_16<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_16<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_2<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_2<T[K]>>;
@@ -233,6 +248,12 @@ declare type __VLS_WithDefaults_6<P, D> = {
     }> : P[K];
 };
 
+declare type __VLS_WithDefaults_7<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_7<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -315,6 +336,16 @@ declare type FloatingOptions = {
      * @see https://floating-ui.com/docs/computePosition#middleware
      */
     middleware?: Middleware[];
+    /**
+     * Whether the floating element is open or not.
+     * @default false
+     */
+    isOpen?: boolean;
+    /**
+     * Whether to teleport the floating element to the end of the document body.
+     * @default false
+     */
+    teleport?: boolean;
 };
 
 export declare type Icon = (typeof ICONS)[number];
@@ -377,18 +408,13 @@ declare const iconProps: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 
-declare const ICONS: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Duplicate", "Edit", "Ellipses", "Error", "ExternalLink", "FilterList", "Folder", "GitHub", "Hide", "History", "JsonObject", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Play", "Refresh", "Response", "Search", "Show", "SideBarClosed", "SideBarOpen", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "User", "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-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-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
+declare const ICONS: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Duplicate", "Edit", "Ellipses", "Error", "ExternalLink", "FilterList", "Folder", "GitHub", "Hide", "History", "Info", "JsonObject", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Play", "Refresh", "Response", "Search", "Show", "SideBarClosed", "SideBarOpen", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "User", "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-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-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
 
 declare type IconVariants = VariantProps<typeof iconProps>;
 
 declare type LoadingState = ReturnType<typeof useLoadingState>;
 
-declare type Option_2 = {
-    id: string;
-    label: string;
-    disabled?: boolean;
-    [x: string]: any;
-};
+export declare type ModalState = ReturnType<typeof useModal>;
 
 export declare const ScalarButton: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     disabled?: boolean | undefined;
@@ -444,7 +470,7 @@ export declare const ScalarButton: __VLS_WithTemplateSlots<DefineComponent<__VLS
 
 export declare const ScalarCodeBlock: DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
     content: string | object;
-    lang?: string | undefined;
+    lang: string;
     lineNumbers?: boolean | undefined;
     hideCredentials?: string | string[] | undefined;
 }>, {
@@ -452,7 +478,7 @@ export declare const ScalarCodeBlock: DefineComponent<__VLS_WithDefaults_2<__VLS
     lineNumbers: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
     content: string | object;
-    lang?: string | undefined;
+    lang: string;
     lineNumbers?: boolean | undefined;
     hideCredentials?: string | string[] | undefined;
 }>, {
@@ -463,18 +489,18 @@ export declare const ScalarCodeBlock: DefineComponent<__VLS_WithDefaults_2<__VLS
     lineNumbers: boolean;
 }, {}>;
 
-export declare const ScalarDropdown: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_TypePropsToRuntimeProps_3<Omit<FloatingOptions, "middleware">>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_3<Omit<FloatingOptions, "middleware">>>>, {}, {}>, {
+export declare const ScalarDropdown: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_TypePropsToRuntimeProps_4<Omit<FloatingOptions, "middleware">>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_4<Omit<FloatingOptions, "middleware">>>>, {}, {}>, {
     default?(_: {}): any;
     items?(_: {}): any;
 }>;
 
 export declare const ScalarDropdownDivider: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
 
-export declare const ScalarDropdownItem: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_TypePropsToRuntimeProps_4<{
+export declare const ScalarDropdownItem: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_TypePropsToRuntimeProps_5<{
     disabled?: boolean | undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     click: (event: MouseEvent) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_4<{
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_5<{
     disabled?: boolean | undefined;
 }>>> & {
     onClick?: ((event: MouseEvent) => any) | undefined;
@@ -482,7 +508,7 @@ export declare const ScalarDropdownItem: __VLS_WithTemplateSlots_3<DefineCompone
     default?(_: {}): any;
 }>;
 
-export declare const ScalarFloating: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_TypePropsToRuntimeProps_5<FloatingOptions>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_5<FloatingOptions>>>, {}, {}>, Readonly<{
+export declare const ScalarFloating: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_TypePropsToRuntimeProps_6<FloatingOptions>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_6<FloatingOptions>>>, {}, {}>, Readonly<{
     /** The reference element for the element in the #floating slot */
     default(): any;
     /** The floating element */
@@ -508,15 +534,15 @@ export declare const ScalarFloating: __VLS_WithTemplateSlots_4<DefineComponent<_
     }): any;
 }>;
 
-export declare const ScalarIcon: DefineComponent<__VLS_TypePropsToRuntimeProps_6<{
+export declare const ScalarIcon: DefineComponent<__VLS_TypePropsToRuntimeProps_7<{
     icon: Icon;
     size?: IconVariants['size'];
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_6<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_7<{
     icon: Icon;
     size?: IconVariants['size'];
 }>>>, {}, {}>;
 
-export declare const ScalarIconButton: DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_7<{
+export declare const ScalarIconButton: DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_8<{
     label: string;
     icon: Icon;
     disabled?: boolean | undefined;
@@ -525,7 +551,7 @@ export declare const ScalarIconButton: DefineComponent<__VLS_WithDefaults_3<__VL
 }>, {
     variant: string;
     size: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_7<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_8<{
     label: string;
     icon: Icon;
     disabled?: boolean | undefined;
@@ -539,26 +565,33 @@ export declare const ScalarIconButton: DefineComponent<__VLS_WithDefaults_3<__VL
     variant: string;
 }, {}>;
 
-export declare const ScalarListbox: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_TypePropsToRuntimeProps_8<{
-    options: Option_2[];
-    modelValue?: Option_2 | undefined;
-} & Omit<FloatingOptions, "middleware">>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (v: Option_2) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_8<{
-    options: Option_2[];
-    modelValue?: Option_2 | undefined;
-} & Omit<FloatingOptions, "middleware">>>> & {
-    "onUpdate:modelValue"?: ((v: Option_2) => any) | undefined;
+export declare const ScalarListbox: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_TypePropsToRuntimeProps_9<{
+    options: ScalarListboxOption[];
+    modelValue?: ScalarListboxOption | undefined;
+} & Omit<FloatingOptions, "middleware" | "offset">>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (v: ScalarListboxOption) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_9<{
+    options: ScalarListboxOption[];
+    modelValue?: ScalarListboxOption | undefined;
+} & Omit<FloatingOptions, "middleware" | "offset">>>> & {
+    "onUpdate:modelValue"?: ((v: ScalarListboxOption) => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;
 }>;
 
-export declare const ScalarLoading: DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_9<{
+export declare type ScalarListboxOption = {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    [x: string]: any;
+};
+
+export declare const ScalarLoading: DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_10<{
     loadingState: LoadingState;
     size?: string | undefined;
 }>, {
     size: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_9<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_10<{
     loadingState: LoadingState;
     size?: string | undefined;
 }>, {
@@ -567,36 +600,50 @@ export declare const ScalarLoading: DefineComponent<__VLS_WithDefaults_4<__VLS_T
     size: string;
 }, {}>;
 
-export declare const ScalarModal: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_10<{
+export declare const ScalarMarkdown: DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<{
+    value?: string | undefined;
+    withImages?: boolean | undefined;
+}>, {
+    withImages: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<{
+    value?: string | undefined;
+    withImages?: boolean | undefined;
+}>, {
+    withImages: boolean;
+}>>>, {
+    withImages: boolean;
+}, {}>;
+
+export declare const ScalarModal: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_11<{
     state: ReturnType<typeof useModal>;
     title?: string | undefined;
     bodyClass?: string | undefined;
     maxWidth?: string | undefined;
-    size?: "sm" | "md" | "xs" | "lg" | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
     variant?: "search" | "history" | undefined;
 }>, {
     size: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_10<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_11<{
     state: ReturnType<typeof useModal>;
     title?: string | undefined;
     bodyClass?: string | undefined;
     maxWidth?: string | undefined;
-    size?: "sm" | "md" | "xs" | "lg" | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
     variant?: "search" | "history" | undefined;
 }>, {
     size: string;
 }>>>, {
-    size: "sm" | "md" | "xs" | "lg";
+    size: "sm" | "md" | "xs" | "lg" | "full";
 }, {}>, {
     default?(_: {}): any;
 }>;
 
-export declare const ScalarPopover: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_TypePropsToRuntimeProps_11<Omit<FloatingOptions, "middleware">>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_11<Omit<FloatingOptions, "middleware">>>>, {}, {}>, {
+export declare const ScalarPopover: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_TypePropsToRuntimeProps_12<Omit<FloatingOptions, "middleware">>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_12<Omit<FloatingOptions, "middleware">>>>, {}, {}>, {
     default?(_: {}): any;
     popover?(_: {}): any;
 }>;
 
-export declare const ScalarSearchInput: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_TypePropsToRuntimeProps_12<{
+export declare const ScalarSearchInput: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_TypePropsToRuntimeProps_13<{
     loading?: {
         isValid: boolean;
         isInvalid: boolean;
@@ -610,7 +657,7 @@ export declare const ScalarSearchInput: __VLS_WithTemplateSlots_8<DefineComponen
     modelValue?: string | undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (v: string) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_12<{
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_13<{
     loading?: {
         isValid: boolean;
         isInvalid: boolean;
@@ -628,11 +675,11 @@ export declare const ScalarSearchInput: __VLS_WithTemplateSlots_8<DefineComponen
     label?(_: {}): any;
 }>;
 
-export declare const ScalarSearchResultItem: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_TypePropsToRuntimeProps_13<{
-    icon?: "Menu" | "Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "User" | "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-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-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss" | undefined;
+export declare const ScalarSearchResultItem: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_TypePropsToRuntimeProps_14<{
+    icon?: "Menu" | "Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "User" | "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-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-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss" | undefined;
     active?: boolean | undefined;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_13<{
-    icon?: "Menu" | "Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "User" | "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-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-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss" | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_14<{
+    icon?: "Menu" | "Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Hide" | "History" | "Info" | "JsonObject" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Page" | "PaperAirplane" | "Payment" | "Play" | "Refresh" | "Response" | "Search" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "User" | "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-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-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss" | undefined;
     active?: boolean | undefined;
 }>>>, {}, {}>, {
     icon?(_: {}): any;
@@ -641,16 +688,16 @@ export declare const ScalarSearchResultItem: __VLS_WithTemplateSlots_9<DefineCom
     description?(_: {}): any;
 }>;
 
-export declare const ScalarSearchResultList: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_TypePropsToRuntimeProps_14<{
+export declare const ScalarSearchResultList: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_TypePropsToRuntimeProps_15<{
     noResults?: boolean | undefined;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_14<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_15<{
     noResults?: boolean | undefined;
 }>>>, {}, {}>, {
     noResults?(_: {}): any;
     default?(_: {}): any;
 }>;
 
-export declare const ScalarTextField: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_15<{
+export declare const ScalarTextField: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_16<{
     modelValue: string;
     placeholder?: string | undefined;
     label?: string | undefined;
@@ -671,7 +718,7 @@ export declare const ScalarTextField: __VLS_WithTemplateSlots_11<DefineComponent
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     submit: (v: string) => void;
     "update:modelValue": (v: string) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_15<{
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_16<{
     modelValue: string;
     placeholder?: string | undefined;
     label?: string | undefined;