@scalar/components 0.32.1 → 0.33.1

package/dist/components/ScalarTextInput/ScalarTextInputCopy.vue.script.js

@@ -1,66 +0,0 @@
-import ScalarCopyBackdrop_default from "../ScalarCopy/ScalarCopyBackdrop.vue.js";
-import ScalarCopyButton_default from "../ScalarCopy/ScalarCopyButton.vue.js";
-import ScalarTextInput_default from "./ScalarTextInput.vue.js";
-import { createBlock, createSlots, createVNode, defineComponent, mergeModels, onMounted, openBlock, renderSlot, unref, useModel, watch, withCtx, withModifiers } from "vue";
-import { useClipboard } from "@vueuse/core";
-var ScalarTextInputCopy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ScalarTextInputCopy",
-	props: /*@__PURE__*/ mergeModels({
-		duration: { default: 1500 },
-		editable: { type: Boolean },
-		immediate: { type: Boolean }
-	}, {
-		"modelValue": {},
-		"modelModifiers": {},
-		"copied": {
-			type: Boolean,
-			default: false
-		},
-		"copiedModifiers": {}
-	}),
-	emits: ["update:modelValue", "update:copied"],
-	setup(__props) {
-		onMounted(() => {
-			if (__props.immediate && model.value) copy(model.value);
-		});
-		const model = useModel(__props, "modelValue");
-		const copied = useModel(__props, "copied");
-		const { copy, copied: clipboardCopied } = useClipboard({
-			legacy: true,
-			copiedDuring: __props.duration
-		});
-		/** Watch the clipboard copied state and emit it to the consuming component */
-		watch(clipboardCopied, (v) => copied.value = v);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ScalarTextInput_default, {
-				modelValue: model.value,
-				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value = $event),
-				readonly: !__props.editable,
-				onClick: _cache[2] || (_cache[2] = ($event) => model.value && unref(copy)(model.value))
-			}, {
-				aside: withCtx(() => [createVNode(unref(ScalarCopyButton_default), {
-					class: "z-1 bg-b-1 hover:bg-b-1.5 dark:bg-b-2 dark:hover:bg-b-2",
-					copied: copied.value || unref(clipboardCopied),
-					placement: "left",
-					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => model.value && unref(copy)(model.value), ["stop"]))
-				}, createSlots({
-					backdrop: withCtx(() => [createVNode(unref(ScalarCopyBackdrop_default), { class: "bg-b-1 group-hover/copy-button:bg-b-1.5 dark:bg-b-1.5 dark:group-hover/copy-button:bg-b-1.5" })]),
-					_: 2
-				}, [_ctx.$slots.copy ? {
-					name: "copy",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "copy")]),
-					key: "0"
-				} : void 0, _ctx.$slots.copied ? {
-					name: "copied",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "copied")]),
-					key: "1"
-				} : void 0]), 1032, ["copied"])]),
-				_: 3
-			}, 8, ["modelValue", "readonly"]);
-		};
-	}
-});
-//#endregion
-export { ScalarTextInputCopy_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarTextInputCopy.vue.script.js.map

package/dist/components/ScalarTextInput/ScalarTextInputCopy.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarTextInputCopy.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarTextInput/ScalarTextInputCopy.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Text Input Copy component\n *\n * A wrapper around the ScalarTextInput component that provides a\n * copy button and allows copying of the input content to the clipboard.\n *\n * @example\n *   <ScalarTextInputCopy v-model=\"model\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useClipboard } from '@vueuse/core'\nimport { onMounted, watch } from 'vue'\n\nimport { ScalarCopyBackdrop, ScalarCopyButton } from '../ScalarCopy'\nimport ScalarTextInput from './ScalarTextInput.vue'\n\nconst { duration = 1500, immediate } = defineProps<{\n  /** The placement of the copy button */\n  duration?: number\n  /** Whether the input is writable */\n  editable?: boolean\n  /** Whether to copy the model value immediately on mount */\n  immediate?: boolean\n}>()\n\ndefineSlots<{\n  /* Text content to display before the input text */\n  prefix?: () => unknown\n  /*Text content to display after the input text */\n  suffix?: () => unknown\n  /* Text content to display to the right of the input */\n  aside?: () => unknown\n  /* Override the label for the copy button */\n  copy?: () => unknown\n  /* Override the label for the copy button when the content has been copied */\n  copied?: () => unknown\n}>()\n\nonMounted(() => {\n  // Copy the model value immediately on mount if immediate is true\n  if (immediate && model.value) copy(model.value)\n})\n\nconst model = defineModel<string>()\n\nconst copied = defineModel<boolean>('copied', { default: false })\n\nconst { copy, copied: clipboardCopied } = useClipboard({\n  legacy: true,\n  copiedDuring: duration,\n})\n\n/** Watch the clipboard copied state and emit it to the consuming component */\nwatch(clipboardCopied, (v) => (copied.value = v))\n</script>\n<template>\n  <ScalarTextInput\n    v-model=\"model\"\n    :readonly=\"!editable\"\n    @click=\"model && copy(model)\">\n    <template #aside>\n      <ScalarCopyButton\n        class=\"z-1 bg-b-1 hover:bg-b-1.5 dark:bg-b-2 dark:hover:bg-b-2\"\n        :copied=\"copied || clipboardCopied\"\n        placement=\"left\"\n        @click.stop=\"model && copy(model)\">\n        <template\n          v-if=\"$slots.copy\"\n          #copy>\n          <slot name=\"copy\" />\n        </template>\n        <template\n          v-if=\"$slots.copied\"\n          #copied>\n          <slot name=\"copied\" />\n        </template>\n        <template #backdrop>\n          <ScalarCopyBackdrop\n            class=\"bg-b-1 group-hover/copy-button:bg-b-1.5 dark:bg-b-1.5 dark:group-hover/copy-button:bg-b-1.5\" />\n        </template>\n      </ScalarCopyButton>\n    </template>\n  </ScalarTextInput>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAyCA,gBAAgB;GAEd,IAAI,QAAA,aAAa,MAAM,OAAO,KAAK,MAAM,KAAK;EAChD,CAAC;EAED,MAAM,QAAQ,SAAmB,SAAA,YAAC;EAElC,MAAM,SAAS,SAAoB,SAAC,QAA4B;EAEhE,MAAM,EAAE,MAAM,QAAQ,oBAAoB,aAAa;GACrD,QAAQ;GACR,cAAc,QAAA;EAChB,CAAC;;EAGD,MAAM,kBAAkB,MAAO,OAAO,QAAQ,CAAE;;uBAG9C,YA0BkB,yBAAA;gBAzBP,MAAA;uEAAK,QAAA;IACb,UAAQ,CAAG,QAAA;IACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,SAAS,MAAA,IAAA,CAAI,CAAC,MAAA,KAAK;;IAChB,OAAK,cAoBK,CAnBnB,YAmBmB,MAAA,wBAAA,GAAA;KAlBjB,OAAM;KACL,QAAQ,OAAA,SAAU,MAAA,eAAA;KACnB,WAAU;KACT,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAO,MAAA,SAAS,MAAA,IAAA,CAAI,CAAC,MAAA,KAAK,GAAA,CAAA,MAAA,CAAA;;KAWrB,UAAQ,cAEuF,CADxG,YACwG,MAAA,0BAAA,GAAA,EAAtG,OAAM,8FAA6F,CAAA,CAAA,CAAA;;QAX/FA,KAAAA,OAAO,OAAA;WACZ;uBACmB,CAApB,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA;;gBAGdA,KAAAA,OAAO,SAAA;WACZ;uBACqB,CAAtB,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA"}

package/dist/components/ScalarThemeSwatches/ScalarThemeSwatches.vue.script.js

@@ -1,31 +0,0 @@
-import { THEME_CSS_VARS, useThemeSwatches } from "./useThemeSwatches.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { Fragment, createElementBlock, defineComponent, mergeProps, normalizeStyle, openBlock, renderList, unref } from "vue";
-var ScalarThemeSwatches_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarThemeSwatches",
-	props: { css: {} },
-	setup(__props) {
-		const { colors } = useThemeSwatches(() => __props.css);
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ style: {
-				"--bg-light": unref(colors).light["--scalar-background-1"],
-				"--bg-dark": unref(colors).dark["--scalar-background-1"]
-			} }, unref(cx)("flex *:size-3 overflow-hidden rounded", "bg-(--bg-light) dark:bg-(--bg-dark)")), [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(THEME_CSS_VARS), (v) => {
-				return openBlock(), createElementBlock("div", {
-					key: v,
-					class: "bg-(--bg-light) dark:bg-(--bg-dark)",
-					style: normalizeStyle({
-						"--bg-light": unref(colors).light[v],
-						"--bg-dark": unref(colors).dark[v]
-					})
-				}, null, 4);
-			}), 128))], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarThemeSwatches_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarThemeSwatches.vue.script.js.map

package/dist/components/ScalarThemeSwatches/ScalarThemeSwatches.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarThemeSwatches.vue.script.js","names":[],"sources":["../../../src/components/ScalarThemeSwatches/ScalarThemeSwatches.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Theme Swatches component\n *\n * Displays the light and dark mode swatches for a given theme CSS string\n *\n * @example\n * <ScalarThemeSwatches :css=\"theme\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { THEME_CSS_VARS, useThemeSwatches } from './useThemeSwatches'\n\nconst { css } = defineProps<{\n  css: string\n}>()\n\nconst { colors } = useThemeSwatches(() => css)\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    :style=\"{\n      '--bg-light': colors.light['--scalar-background-1'],\n      '--bg-dark': colors.dark['--scalar-background-1'],\n    }\"\n    v-bind=\"\n      cx(\n        'flex *:size-3 overflow-hidden rounded',\n        'bg-(--bg-light) dark:bg-(--bg-dark)',\n      )\n    \">\n    <div\n      v-for=\"v in THEME_CSS_VARS\"\n      :key=\"v\"\n      class=\"bg-(--bg-light) dark:bg-(--bg-dark)\"\n      :style=\"{ '--bg-light': colors.light[v], '--bg-dark': colors.dark[v] }\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAoBA,MAAM,EAAE,WAAW,uBAAuB,QAAA,GAAG;EAG7C,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAgBM,OAhBN,WAgBM,EAfH,OAAK;kBAAwB,MAAA,MAAA,CAAM,CAAC,MAAK;iBAA8C,MAAA,MAAA,CAAM,CAAC,KAAI;QAIpF,MAAA,EAAA,CAAE,CAAA,yCAAA,qCAAA,CAAA,GAAA,EAAA,UAAA,IAAA,GAMjB,mBAI4E,UAAA,MAAA,WAH9D,MAAA,cAAA,IAAL,MAAC;wBADV,mBAI4E,OAAA;KAFzE,KAAK;KACN,OAAM;KACL,OAAK,eAAA;MAAA,cAAkB,MAAA,MAAA,CAAM,CAAC,MAAM;MAAC,aAAgB,MAAA,MAAA,CAAM,CAAC,KAAK;KAAC,CAAA"}

package/dist/components/ScalarToggle/ScalarToggle.vue.script.js

@@ -1,45 +0,0 @@
-import ScalarToggleSlider_default from "./ScalarToggleSlider.vue.js";
-import { createBlock, defineComponent, mergeModels, normalizeClass, openBlock, useModel } from "vue";
-var ScalarToggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ScalarToggle",
-	props: /*@__PURE__*/ mergeModels({
-		disabled: { type: Boolean },
-		label: {}
-	}, {
-		"modelValue": {
-			type: Boolean,
-			default: false
-		},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = __props;
-		const model = useModel(__props, "modelValue");
-		function toggle() {
-			if (props.disabled) return;
-			model.value = !model.value;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ScalarToggleSlider_default, {
-				"aria-checked": model.value,
-				class: normalizeClass(model.value ? "bg-c-accent" : ""),
-				disabled: __props.disabled,
-				label: __props.label,
-				role: "switch",
-				thumb: model.value ? "end" : "start",
-				onClick: toggle
-			}, null, 8, [
-				"aria-checked",
-				"class",
-				"disabled",
-				"label",
-				"thumb"
-			]);
-		};
-	}
-});
-//#endregion
-export { ScalarToggle_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarToggle.vue.script.js.map

package/dist/components/ScalarToggle/ScalarToggle.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarToggle.vue.script.js","names":[],"sources":["../../../src/components/ScalarToggle/ScalarToggle.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Toggle component\n *\n * A switch-style toggle control with support for\n * disabled state and accessible labeling.\n *\n * @example\n * <ScalarToggle v-model=\"enabled\" label=\"Enable feature\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport ScalarToggleSlider from './ScalarToggleSlider.vue'\n\nconst props = defineProps<{\n  disabled?: boolean\n  label?: string\n}>()\n\nconst model = defineModel<boolean>({ default: false })\n\nfunction toggle() {\n  if (props.disabled) {\n    return\n  }\n  model.value = !model.value\n}\n</script>\n<template>\n  <ScalarToggleSlider\n    :aria-checked=\"model\"\n    :class=\"model ? 'bg-c-accent' : ''\"\n    :disabled\n    :label\n    role=\"switch\"\n    :thumb=\"model ? 'end' : 'start'\"\n    @click=\"toggle\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAKd,MAAM,QAAQ,SAAoB,SAAA,YAAmB;EAErD,SAAS,SAAS;GAChB,IAAI,MAAM,UACR;GAEF,MAAM,QAAQ,CAAC,MAAM;EACvB;;uBAGE,YAOoB,4BAAA;IANjB,gBAAc,MAAA;IACd,OAAK,eAAE,MAAA,QAAK,gBAAA,EAAA;IACZ,UAAA,QAAA;IACA,OAAA,QAAA;IACD,MAAK;IACJ,OAAO,MAAA,QAAK,QAAA;IACZ,SAAO"}

package/dist/components/ScalarToggle/ScalarToggleGroup.vue.script.js

@@ -1,33 +0,0 @@
-import ScalarFormInputGroup_default from "../ScalarForm/ScalarFormInputGroup.vue.js";
-import ScalarToggleInput_default from "./ScalarToggleInput.vue.js";
-import { Fragment, createBlock, createElementBlock, createTextVNode, defineComponent, mergeModels, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
-var ScalarToggleGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ScalarToggleGroup",
-	props: /*@__PURE__*/ mergeModels({ options: { default: () => [] } }, {
-		"modelValue": { default: () => [] },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const model = useModel(__props, "modelValue");
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarFormInputGroup_default), null, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
-					return openBlock(), createBlock(ScalarToggleInput_default, {
-						key: option.value,
-						modelValue: model.value?.some(({ value }) => value === option.value),
-						"onUpdate:modelValue": (checked) => model.value = checked ? [...model.value, option] : model.value.filter(({ value }) => value !== option.value)
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1)]),
-						_: 2
-					}, 1032, ["modelValue", "onUpdate:modelValue"]);
-				}), 128))]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { ScalarToggleGroup_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarToggleGroup.vue.script.js.map

package/dist/components/ScalarToggle/ScalarToggleGroup.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarToggleGroup.vue.script.js","names":[],"sources":["../../../src/components/ScalarToggle/ScalarToggleGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Toggle Group component\n *\n * A group of toggle inputs allowing for multiple selections.\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport type { ScalarCheckboxOption } from '../ScalarCheckboxInput'\nimport { ScalarFormInputGroup } from '../ScalarForm'\nimport ScalarToggleInput from './ScalarToggleInput.vue'\n\nconst { options = [] } = defineProps<{\n  options?: ScalarCheckboxOption[]\n}>()\n\nconst model = defineModel<ScalarCheckboxOption[]>({ default: () => [] })\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarToggleInput\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      :modelValue=\"model?.some(({ value }) => value === option.value)\"\n      @update:modelValue=\"\n        (checked) =>\n          (model = checked\n            ? [...model, option]\n            : model.filter(({ value }) => value !== option.value))\n      \">\n      {{ option.label }}\n    </ScalarToggleInput>\n  </ScalarFormInputGroup>\n</template>\n"],"mappings":";;;;;;;;;;;EAiBA,MAAM,QAAQ,SAAmC,SAAA,YAAsB;;uBAGrE,YAauB,MAAA,4BAAA,GAAA,MAAA;2BAXM,EAAA,UAAA,IAAA,GAD3B,mBAWoB,UAAA,MAAA,WAVD,QAAA,UAAV,WAAM;yBADf,YAWoB,2BAAA;MATjB,KAAK,OAAO;MACZ,YAAY,MAAA,OAAO,MAAI,EAAI,YAAY,UAAU,OAAO,KAAK;MAC7D,wBAA6B,YAAuB,MAAA,QAAQ,UAAA,CAAA,GAA0B,MAAA,OAAO,MAAM,IAAgB,MAAA,MAAM,QAAM,EAAI,YAAY,UAAU,OAAO,KAAK;;6BAMpJ,CAAA,gBAAA,gBAAf,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/ScalarToggle/ScalarToggleInput.vue.script.js

@@ -1,33 +0,0 @@
-import ScalarFormInput_default from "../ScalarForm/ScalarFormInput.vue.js";
-import ScalarToggle_default from "./ScalarToggle.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
-//#region src/components/ScalarToggle/ScalarToggleInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex-1 text-left min-w-0 truncate" };
-var ScalarToggleInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarToggleInput",
-	props: {
-		"modelValue": { type: Boolean },
-		"modelModifiers": {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const model = useModel(__props, "modelValue");
-		const { stylingAttrsCx, otherAttrs } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarFormInput_default), mergeProps({ is: "label" }, unref(stylingAttrsCx)("cursor-pointer gap-2 hover:bg-b-2", { "text-c-1": model.value })), {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), createVNode(ScalarToggle_default, mergeProps({
-					modelValue: model.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-					class: "shrink-0"
-				}, unref(otherAttrs)), null, 16, ["modelValue"])]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { ScalarToggleInput_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarToggleInput.vue.script.js.map

package/dist/components/ScalarToggle/ScalarToggleInput.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarToggleInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarToggle/ScalarToggleInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Toggle Input component\n *\n * A create a toggle input component for use in forms.\n *\n * @example\n *  <ScalarToggleInput v-model=\"model\" type=\"checkbox\">\n *    Label\n *  </ScalarToggleInput>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarFormInput } from '../ScalarForm'\nimport ScalarToggle from './ScalarToggle.vue'\n\nconst model = defineModel<boolean>()\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n</script>\n<template>\n  <ScalarFormInput\n    is=\"label\"\n    v-bind=\"\n      stylingAttrsCx('cursor-pointer gap-2 hover:bg-b-2', { 'text-c-1': model })\n    \">\n    <div class=\"flex-1 text-left min-w-0 truncate\"><slot /></div>\n    <ScalarToggle\n      v-model=\"model\"\n      class=\"shrink-0\"\n      v-bind=\"otherAttrs\" />\n  </ScalarFormInput>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ,SAAoB,SAAA,YAAC;EAGnC,MAAM,EAAE,gBAAgB,eAAe,UAAU;;uBAG/C,YAUkB,MAAA,uBAAA,GAVlB,WAUkB,EAThB,IAAG,QAAO,GACK,MAAA,cAAA,CAAc,CAAA,qCAAA,EAAA,YAAoD,MAAA,MAAK,CAAA,CAAA,GAAA;2BAGzB,CAA7D,mBAA6D,OAA7D,YAA6D,CAAd,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,GACvD,YAGwB,sBAHxB,WAGwB;iBAFb,MAAA;wEAAK,QAAA;KACd,OAAM;OACE,MAAA,UAAA,CAAU,GAAA,MAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA"}

package/dist/components/ScalarToggle/ScalarToggleSlider.vue.script.js

@@ -1,37 +0,0 @@
-import { cva, useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, toDisplayString, unref } from "vue";
-//#region src/components/ScalarToggle/ScalarToggleSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-disabled"];
-var _hoisted_2 = {
-	key: 0,
-	class: "sr-only"
-};
-var ScalarToggleSlider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarToggleSlider",
-	props: {
-		thumb: { default: "start" },
-		disabled: { type: Boolean },
-		label: {}
-	},
-	setup(__props) {
-		const variants = cva({
-			base: "relative h-3.5 min-w-6 w-6 cursor-pointer rounded-full bg-b-3 transition-colors duration-300",
-			variants: { disabled: { true: "cursor-not-allowed opacity-40" } }
-		});
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", mergeProps({
-				"aria-disabled": __props.disabled,
-				type: "button"
-			}, unref(cx)(unref(variants)({ disabled: __props.disabled }))), [createElementVNode("div", { class: normalizeClass(["absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-b-1 transition-transform duration-300", {
-				"translate-x-1.25": __props.thumb === "center",
-				"translate-x-2.5": __props.thumb === "end"
-			}]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true)], 16, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { ScalarToggleSlider_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarToggleSlider.vue.script.js.map

package/dist/components/ScalarToggle/ScalarToggleSlider.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarToggleSlider.vue.script.js","names":[],"sources":["../../../src/components/ScalarToggle/ScalarToggleSlider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nconst {\n  thumb = 'start',\n  disabled,\n  label,\n} = defineProps<{\n  /** Resting position of the thumb within the track */\n  thumb?: 'start' | 'center' | 'end'\n  /** Visually dims the control and applies a not-allowed cursor */\n  disabled?: boolean\n  /** Accessible label announced to assistive technology */\n  label?: string\n}>()\n\nconst variants = cva({\n  base: 'relative h-3.5 min-w-6 w-6 cursor-pointer rounded-full bg-b-3 transition-colors duration-300',\n  variants: {\n    disabled: { true: 'cursor-not-allowed opacity-40' },\n  },\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <button\n    :aria-disabled=\"disabled\"\n    type=\"button\"\n    v-bind=\"cx(variants({ disabled }))\">\n    <div\n      class=\"absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-b-1 transition-transform duration-300\"\n      :class=\"{\n        'translate-x-1.25': thumb === 'center',\n        'translate-x-2.5': thumb === 'end',\n      }\" />\n    <span\n      v-if=\"label\"\n      class=\"sr-only\">\n      {{ label }}\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,UAAU,EAAE,MAAM,gCAAgC,EACpD;EACF,CAAC;EAGD,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAeS,UAfT,WAeS;IAdN,iBAAe,QAAA;IAChB,MAAK;MACG,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,CAAQ,CAAA,EAAA,UAAG,QAAA,SAAQ,CAAA,CAAA,CAAA,GAAA,CAC9B,mBAKO,OAAA,EAJL,OAAK,eAAA,CAAC,0HAAwH;wBACxF,QAAA,UAAK;uBAA0C,QAAA,UAAK;oBAKpF,QAAA,SAAA,UAAA,GADR,mBAIO,QAJP,YAIO,gBADF,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/ScalarToggle/ScalarTristateToggle.vue.script.js

@@ -1,60 +0,0 @@
-import ScalarToggleSlider_default from "./ScalarToggleSlider.vue.js";
-import { computed, createBlock, defineComponent, mergeModels, mergeProps, openBlock, useModel } from "vue";
-var ScalarTristateToggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ScalarTristateToggle",
-	props: /*@__PURE__*/ mergeModels({
-		disabled: { type: Boolean },
-		label: {}
-	}, {
-		"modelValue": { type: Boolean },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = __props;
-		const model = useModel(__props, "modelValue");
-		/** The current tristate value, derived from the boolean | undefined model. */
-		const state = computed(() => {
-			if (model.value === void 0) return "unset";
-			return model.value ? "on" : "off";
-		});
-		/** Slider appearance for each tristate value. */
-		const SLIDER_PROPS = {
-			unset: {
-				class: "",
-				thumb: "center"
-			},
-			on: {
-				class: "bg-green",
-				thumb: "end"
-			},
-			off: {
-				class: "bg-c-danger",
-				thumb: "start"
-			}
-		};
-		/** Cycles unset -> on -> off -> unset. */
-		function toggle() {
-			if (props.disabled) return;
-			if (model.value === void 0) model.value = true;
-			else if (model.value === true) model.value = false;
-			else model.value = void 0;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ScalarToggleSlider_default, mergeProps({
-				"aria-checked": state.value === "unset" ? "mixed" : model.value,
-				disabled: __props.disabled,
-				label: __props.label,
-				role: "checkbox"
-			}, SLIDER_PROPS[state.value], { onClick: toggle }), null, 16, [
-				"aria-checked",
-				"disabled",
-				"label"
-			]);
-		};
-	}
-});
-//#endregion
-export { ScalarTristateToggle_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarTristateToggle.vue.script.js.map

package/dist/components/ScalarToggle/ScalarTristateToggle.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarTristateToggle.vue.script.js","names":[],"sources":["../../../src/components/ScalarToggle/ScalarTristateToggle.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Tristate Toggle component\n *\n * A switch-style toggle control with three states — unset, on, and off —\n * useful for representing an optional boolean that can also be left\n * unset (e.g. \"inherit\"). Supports a disabled state and accessible\n * labeling.\n *\n * @example\n * <ScalarTristateToggle v-model=\"overridden\" label=\"Override default\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport ScalarToggleSlider from './ScalarToggleSlider.vue'\n\nconst props = defineProps<{\n  /** Prevents the toggle from being cycled, and dims it visually. */\n  disabled?: boolean\n  /** Accessible label announced to assistive technology */\n  label?: string\n}>()\n\nconst model = defineModel<boolean | undefined>()\n\n/** The current tristate value, derived from the boolean | undefined model. */\nconst state = computed<'unset' | 'on' | 'off'>(() => {\n  if (model.value === undefined) {\n    return 'unset'\n  }\n  return model.value ? 'on' : 'off'\n})\n\n/** Slider appearance for each tristate value. */\nconst SLIDER_PROPS = {\n  unset: { class: '', thumb: 'center' },\n  on: { class: 'bg-green', thumb: 'end' },\n  off: { class: 'bg-c-danger', thumb: 'start' },\n} as const\n\n/** Cycles unset -> on -> off -> unset. */\nfunction toggle() {\n  if (props.disabled) {\n    return\n  }\n  if (model.value === undefined) {\n    model.value = true\n  } else if (model.value === true) {\n    model.value = false\n  } else {\n    model.value = undefined\n  }\n}\n</script>\n<template>\n  <ScalarToggleSlider\n    :aria-checked=\"state === 'unset' ? 'mixed' : model\"\n    :disabled\n    :label\n    role=\"checkbox\"\n    v-bind=\"SLIDER_PROPS[state]\"\n    @click=\"toggle\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAOd,MAAM,QAAQ,SAAgC,SAAA,YAAC;;EAG/C,MAAM,QAAQ,eAAuC;GACnD,IAAI,MAAM,UAAU,KAAA,GAClB,OAAO;GAET,OAAO,MAAM,QAAQ,OAAO;EAC9B,CAAC;;EAGD,MAAM,eAAe;GACnB,OAAO;IAAE,OAAO;IAAI,OAAO;GAAS;GACpC,IAAI;IAAE,OAAO;IAAY,OAAO;GAAM;GACtC,KAAK;IAAE,OAAO;IAAe,OAAO;GAAQ;EAC9C;;EAGA,SAAS,SAAS;GAChB,IAAI,MAAM,UACR;GAEF,IAAI,MAAM,UAAU,KAAA,GAClB,MAAM,QAAQ;QACT,IAAI,MAAM,UAAU,MACzB,MAAM,QAAQ;QAEd,MAAM,QAAQ,KAAA;EAElB;;uBAGE,YAMoB,4BANpB,WAMoB;IALjB,gBAAc,MAAA,UAAK,UAAA,UAAyB,MAAA;IAC5C,UAAA,QAAA;IACA,OAAA,QAAA;IACD,MAAK;MACG,aAAa,MAAA,QAAK,EACzB,SAAO,OAAM,CAAA,GAAA,MAAA,IAAA;IAAA;IAAA;IAAA;GAAA,CAAA"}

package/dist/components/ScalarToggle/ScalarTristateToggleGroup.vue.script.js

@@ -1,45 +0,0 @@
-import ScalarFormInputGroup_default from "../ScalarForm/ScalarFormInputGroup.vue.js";
-import ScalarTristateToggleInput_default from "./ScalarTristateToggleInput.vue.js";
-import { Fragment, createBlock, createElementBlock, createTextVNode, defineComponent, mergeModels, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
-var ScalarTristateToggleGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ScalarTristateToggleGroup",
-	props: /*@__PURE__*/ mergeModels({ options: { default: () => [] } }, {
-		"modelValue": { default: () => [] },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const model = useModel(__props, "modelValue");
-		/** Looks up an option's current tristate value; undefined if it has no entry in the model. */
-		function getValue(option) {
-			return model.value.find((entry) => entry.value === option.value)?.checked;
-		}
-		/** Upserts or removes an option's entry in the model based on its new tristate value. */
-		function setValue(option, checked) {
-			const rest = model.value.filter((entry) => entry.value !== option.value);
-			model.value = checked === void 0 ? rest : [...rest, {
-				...option,
-				checked
-			}];
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarFormInputGroup_default), null, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
-					return openBlock(), createBlock(ScalarTristateToggleInput_default, {
-						key: option.value,
-						modelValue: getValue(option),
-						"onUpdate:modelValue": (checked) => setValue(option, checked)
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1)]),
-						_: 2
-					}, 1032, ["modelValue", "onUpdate:modelValue"]);
-				}), 128))]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { ScalarTristateToggleGroup_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarTristateToggleGroup.vue.script.js.map

package/dist/components/ScalarToggle/ScalarTristateToggleGroup.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarTristateToggleGroup.vue.script.js","names":[],"sources":["../../../src/components/ScalarToggle/ScalarTristateToggleGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Tristate Toggle Group component\n *\n * A group of tristate toggle inputs, each independently unset, on, or off.\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport type { ScalarCheckboxOption } from '../ScalarCheckboxInput'\nimport { ScalarFormInputGroup } from '../ScalarForm'\nimport ScalarTristateToggleInput from './ScalarTristateToggleInput.vue'\nimport type { ScalarTristateOption } from './types'\n\nconst { options = [] } = defineProps<{\n  options?: ScalarCheckboxOption[]\n}>()\n\nconst model = defineModel<ScalarTristateOption[]>({ default: () => [] })\n\n/** Looks up an option's current tristate value; undefined if it has no entry in the model. */\nfunction getValue(option: ScalarCheckboxOption): boolean | undefined {\n  return model.value.find((entry) => entry.value === option.value)?.checked\n}\n\n/** Upserts or removes an option's entry in the model based on its new tristate value. */\nfunction setValue(option: ScalarCheckboxOption, checked: boolean | undefined) {\n  const rest = model.value.filter((entry) => entry.value !== option.value)\n  model.value = checked === undefined ? rest : [...rest, { ...option, checked }]\n}\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarTristateToggleInput\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      :modelValue=\"getValue(option)\"\n      @update:modelValue=\"(checked) => setValue(option, checked)\">\n      {{ option.label }}\n    </ScalarTristateToggleInput>\n  </ScalarFormInputGroup>\n</template>\n"],"mappings":";;;;;;;;;;;EAkBA,MAAM,QAAQ,SAAmC,SAAA,YAAsB;;EAGvE,SAAS,SAAS,QAAmD;GACnE,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,UAAU,OAAO,KAAK,CAAC,EAAE;EACpE;;EAGA,SAAS,SAAS,QAA8B,SAA8B;GAC5E,MAAM,OAAO,MAAM,MAAM,QAAQ,UAAU,MAAM,UAAU,OAAO,KAAK;GACvE,MAAM,QAAQ,YAAY,KAAA,IAAY,OAAO,CAAC,GAAG,MAAM;IAAE,GAAG;IAAQ;GAAQ,CAAC;EAC/E;;uBAGE,YAQuB,MAAA,4BAAA,GAAA,MAAA;2BANM,EAAA,UAAA,IAAA,GAD3B,mBAM4B,UAAA,MAAA,WALT,QAAA,UAAV,WAAM;yBADf,YAM4B,mCAAA;MAJzB,KAAK,OAAO;MACZ,YAAY,SAAS,MAAM;MAC3B,wBAAoB,YAAY,SAAS,QAAQ,OAAO;;6BACvC,CAAA,gBAAA,gBAAf,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/ScalarToggle/ScalarTristateToggleInput.vue.script.js

@@ -1,33 +0,0 @@
-import ScalarFormInput_default from "../ScalarForm/ScalarFormInput.vue.js";
-import ScalarTristateToggle_default from "./ScalarTristateToggle.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
-//#region src/components/ScalarToggle/ScalarTristateToggleInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex-1 text-left min-w-0 truncate" };
-var ScalarTristateToggleInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarTristateToggleInput",
-	props: {
-		"modelValue": { type: Boolean },
-		"modelModifiers": {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const model = useModel(__props, "modelValue");
-		const { stylingAttrsCx, otherAttrs } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarFormInput_default), mergeProps({ is: "label" }, unref(stylingAttrsCx)("cursor-pointer gap-2 hover:bg-b-2", { "text-c-1": model.value !== void 0 })), {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), createVNode(ScalarTristateToggle_default, mergeProps({
-					modelValue: model.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-					class: "shrink-0"
-				}, unref(otherAttrs)), null, 16, ["modelValue"])]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { ScalarTristateToggleInput_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarTristateToggleInput.vue.script.js.map

package/dist/components/ScalarToggle/ScalarTristateToggleInput.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarTristateToggleInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarToggle/ScalarTristateToggleInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Tristate Toggle Input component\n *\n * A tristate toggle input component for use in forms, supporting an\n * additional \"unset\" state alongside on/off.\n *\n * @example\n *  <ScalarTristateToggleInput v-model=\"model\">\n *    Label\n *  </ScalarTristateToggleInput>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarFormInput } from '../ScalarForm'\nimport ScalarTristateToggle from './ScalarTristateToggle.vue'\n\nconst model = defineModel<boolean | undefined>()\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n</script>\n<template>\n  <ScalarFormInput\n    is=\"label\"\n    v-bind=\"\n      stylingAttrsCx('cursor-pointer gap-2 hover:bg-b-2', {\n        'text-c-1': model !== undefined,\n      })\n    \">\n    <div class=\"flex-1 text-left min-w-0 truncate\"><slot /></div>\n    <ScalarTristateToggle\n      v-model=\"model\"\n      class=\"shrink-0\"\n      v-bind=\"otherAttrs\" />\n  </ScalarFormInput>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ,SAAgC,SAAA,YAAC;EAG/C,MAAM,EAAE,gBAAgB,eAAe,UAAU;;uBAG/C,YAYkB,MAAA,uBAAA,GAZlB,WAYkB,EAXhB,IAAG,QAAO,GACK,MAAA,cAAA,CAAc,CAAA,qCAAA,EAAA,YAA4D,MAAA,UAAU,KAAA,EAAA,CAAA,CAAA,GAAA;2BAKtC,CAA7D,mBAA6D,OAA7D,YAA6D,CAAd,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,GACvD,YAGwB,8BAHxB,WAGwB;iBAFb,MAAA;wEAAK,QAAA;KACd,OAAM;OACE,MAAA,UAAA,CAAU,GAAA,MAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA"}

package/dist/components/ScalarTooltip/ScalarHotkeyTooltip.vue.script.js

@@ -1,51 +0,0 @@
-import ScalarHotkey_default from "../ScalarHotkey/ScalarHotkey.vue.js";
-import { useTooltip } from "./useTooltip.js";
-import { computed, createElementBlock, defineComponent, h, normalizeClass, openBlock, ref, render, renderSlot } from "vue";
-var ScalarHotkeyTooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ScalarHotkeyTooltip",
-	props: {
-		content: { default: "" },
-		hotkey: {},
-		modifier: {},
-		delay: { default: () => 300 },
-		placement: { default: "top" },
-		offset: { default: () => 4 }
-	},
-	setup(__props) {
-		const wrapperRef = ref(null);
-		useTooltip({
-			content: computed(() => {
-				if (!document) return "";
-				const el = document.createElement("div");
-				const hotKeyClass = "-m-0.5 border-none p-0 grid grid-flow-col *:border *:h-5 *:min-w-5 *:border-border *:rounded *:px-1 *:flex *:items-center *:justify-center";
-				if (__props.content) render(h("div", { class: "flex items-center gap-2" }, [__props.content, h(ScalarHotkey_default, {
-					class: hotKeyClass,
-					hotkey: __props.hotkey,
-					modifier: __props.modifier
-				})]), el);
-				else render(h(ScalarHotkey_default, {
-					class: hotKeyClass,
-					hotkey: __props.hotkey,
-					modifier: __props.modifier
-				}), el);
-				return el.innerHTML;
-			}),
-			contentTarget: "innerHTML",
-			delay: computed(() => __props.delay),
-			placement: computed(() => __props.placement),
-			offset: computed(() => __props.offset),
-			targetRef: computed(() => wrapperRef.value?.children?.[0] || wrapperRef.value || void 0)
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "wrapperRef",
-				ref: wrapperRef,
-				class: normalizeClass({ contents: !!_ctx.$slots.default })
-			}, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-export { ScalarHotkeyTooltip_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarHotkeyTooltip.vue.script.js.map

package/dist/components/ScalarTooltip/ScalarHotkeyTooltip.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarHotkeyTooltip.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarTooltip/ScalarHotkeyTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar hotkey tooltip component\n *\n * Adds a tooltip to an interactive element with a hotkey, if\n * you don't need to display a hotkey, use the ScalarTooltip\n * component instead\n *\n * @example\n * <ScalarHotkeyTooltip content=\"Bold\" hotkey=\"B\" modifier=\"Meta\">\n *   <ScalarButton>Make bold</ScalarButton>\n * </ScalarHotkeyTooltip>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { type Ref, computed, h, ref, render } from 'vue'\n\nimport { ScalarHotkey } from '../ScalarHotkey'\nimport type { HotKeyModifier } from '../ScalarHotkey/types'\nimport { DEFAULT_DELAY, DEFAULT_OFFSET } from './constants'\nimport type { ScalarTooltipPlacement } from './types'\nimport { useTooltip } from './useTooltip'\n\nconst {\n  delay = DEFAULT_DELAY,\n  hotkey,\n  modifier,\n  content = '',\n  placement = 'top',\n  offset = DEFAULT_OFFSET,\n} = defineProps<{\n  content?: string\n  hotkey: string\n  modifier?: HotKeyModifier[]\n  delay?: number\n  placement?: ScalarTooltipPlacement\n  offset?: number\n}>()\n\nconst wrapperRef: Ref<HTMLElement | null> = ref(null)\n\n/**\n * Render the content and the hotkey into an HTML string\n */\nconst renderedContent = computed<string>(() => {\n  if (!document) return ''\n\n  // Temp element to render the content into\n  const el = document.createElement('div')\n\n  const hotKeyClass =\n    '-m-0.5 border-none p-0 grid grid-flow-col *:border *:h-5 *:min-w-5 *:border-border *:rounded *:px-1 *:flex *:items-center *:justify-center'\n\n  if (content) {\n    // Render the content and the hotkey\n    render(\n      h('div', { class: 'flex items-center gap-2' }, [\n        content,\n        h(ScalarHotkey, {\n          class: hotKeyClass,\n          hotkey,\n          modifier,\n        }),\n      ]),\n      el,\n    )\n  } else {\n    render(\n      h(ScalarHotkey, {\n        class: hotKeyClass,\n        hotkey,\n        modifier,\n      }),\n      el,\n    )\n  }\n\n  const html = el.innerHTML\n\n  // Return the rendered content\n  return html\n})\n\nuseTooltip({\n  content: renderedContent,\n  contentTarget: 'innerHTML',\n  delay: computed(() => delay),\n  placement: computed(() => placement),\n  offset: computed(() => offset),\n  targetRef: computed(\n    () => wrapperRef.value?.children?.[0] || wrapperRef.value || undefined,\n  ),\n})\n</script>\n<template>\n  <div\n    ref=\"wrapperRef\"\n    :class=\"{ contents: !!$slots.default }\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAwCA,MAAM,aAAsC,IAAI,IAAI;EA4CpD,WAAW;GACT,SAxCsB,eAAuB;IAC7C,IAAI,CAAC,UAAU,OAAO;IAGtB,MAAM,KAAK,SAAS,cAAc,KAAK;IAEvC,MAAM,cACJ;IAEF,IAAI,QAAA,SAEF,OACE,EAAE,OAAO,EAAE,OAAO,0BAA0B,GAAG,CAC7C,QAAA,SACA,EAAE,sBAAc;KACd,OAAO;KACP,QAAK,QAAA;KACL,UAAO,QAAA;IACT,CAAC,CACH,CAAC,GACD,EACF;SAEA,OACE,EAAE,sBAAc;KACd,OAAO;KACP,QAAK,QAAA;KACL,UAAO,QAAA;IACT,CAAC,GACD,EACF;IAMF,OAHa,GAAG;GAIlB,CAGW;GACT,eAAe;GACf,OAAO,eAAe,QAAA,KAAK;GAC3B,WAAW,eAAe,QAAA,SAAS;GACnC,QAAQ,eAAe,QAAA,MAAM;GAC7B,WAAW,eACH,WAAW,OAAO,WAAW,MAAM,WAAW,SAAS,KAAA,CAC/D;EACF,CAAC;;uBAGC,mBAIM,OAAA;aAHA;IAAJ,KAAI;IACH,OAAK,eAAA,EAAA,UAAA,CAAA,CAAgBA,KAAAA,OAAO,QAAO,CAAA;OACpC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/ScalarTooltip/ScalarTooltip.vue.script.js

@@ -1,32 +0,0 @@
-import { useTooltip } from "./useTooltip.js";
-import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, ref, renderSlot } from "vue";
-var ScalarTooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ScalarTooltip",
-	props: {
-		content: { default: "" },
-		delay: { default: () => 300 },
-		placement: { default: "top" },
-		offset: { default: () => 4 }
-	},
-	setup(__props) {
-		const wrapperRef = ref(null);
-		useTooltip({
-			content: computed(() => __props.content),
-			delay: computed(() => __props.delay),
-			placement: computed(() => __props.placement),
-			offset: computed(() => __props.offset),
-			targetRef: computed(() => wrapperRef.value?.children?.[0] || wrapperRef.value || void 0)
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "wrapperRef",
-				ref: wrapperRef,
-				class: normalizeClass({ contents: !!_ctx.$slots.default })
-			}, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-export { ScalarTooltip_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarTooltip.vue.script.js.map

package/dist/components/ScalarTooltip/ScalarTooltip.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarTooltip.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar tooltip component\n *\n * Adds a tooltip to an interactive element\n *\n * @example\n * <ScalarTooltip content=\"This is a tooltip\">\n *   <ScalarButton>Hover Me</ScalarButton>\n * </ScalarTooltip>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { type Ref, computed, ref } from 'vue'\n\nimport { DEFAULT_DELAY, DEFAULT_OFFSET } from './constants'\nimport type { ScalarTooltipProps } from './types'\nimport { useTooltip } from './useTooltip'\n\nconst {\n  delay = DEFAULT_DELAY,\n  content = '',\n  placement = 'top',\n  offset = DEFAULT_OFFSET,\n} = defineProps<ScalarTooltipProps>()\n\nconst wrapperRef: Ref<HTMLElement | null> = ref(null)\n\nuseTooltip({\n  content: computed(() => content),\n  delay: computed(() => delay),\n  placement: computed(() => placement),\n  offset: computed(() => offset),\n  targetRef: computed(\n    () => wrapperRef.value?.children?.[0] || wrapperRef.value || undefined,\n  ),\n})\n</script>\n<template>\n  <div\n    ref=\"wrapperRef\"\n    :class=\"{ contents: !!$slots.default }\">\n    <slot />\n  </div>\n</template>\n<style>\n@reference \"../../style.css\";\n\n/**\n * Global styles for the tooltip\n *\n * The tooltip element normally sits directly on the body, but it moves into a <dialog>\n * opened with showModal() so it can paint above the top layer. Both parents have to be\n * matched here or the tooltip loses every one of these styles the moment it is\n * reparented, and renders as unstyled text on a transparent background.\n */\n:where(body, dialog) > .scalar-tooltip {\n  --scalar-tooltip-padding-x: 8px;\n  --scalar-tooltip-padding-y: 6px;\n\n  padding: var(--scalar-tooltip-padding-y) var(--scalar-tooltip-padding-x);\n\n  @apply z-tooltip text-c-tooltip text-xs/4 font-normal break-words max-w-xs;\n}\n\n/**\n * The offset is the gap between the target and the tooltip, so it only belongs\n * on the side facing the target (opposite the placement side). Applying it to\n * every side shifts the visible box inward on `-start` / `-end` placements,\n * where Floating UI aligns the floating element's edge with the target's edge.\n */\n:where(body, dialog) > .scalar-tooltip[data-side='top'] {\n  padding-bottom: calc(\n    var(--scalar-tooltip-padding-y) + var(--scalar-tooltip-offset)\n  );\n}\n:where(body, dialog) > .scalar-tooltip[data-side='bottom'] {\n  padding-top: calc(\n    var(--scalar-tooltip-padding-y) + var(--scalar-tooltip-offset)\n  );\n}\n:where(body, dialog) > .scalar-tooltip[data-side='left'] {\n  padding-right: calc(\n    var(--scalar-tooltip-padding-x) + var(--scalar-tooltip-offset)\n  );\n}\n:where(body, dialog) > .scalar-tooltip[data-side='right'] {\n  padding-left: calc(\n    var(--scalar-tooltip-padding-x) + var(--scalar-tooltip-offset)\n  );\n}\n\n/*\n * The hairline is spelled out: the preflight that gives `border` its theme colour only reaches\n * descendants of `.scalar-app`, and this element is the `.scalar-app` root itself, so the\n * utility alone would fall back to currentColor (black on light, white on dark).\n */\n:where(body, dialog) > .scalar-tooltip:before {\n  content: '';\n  inset: 0;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  @apply absolute rounded-lg bg-b-tooltip -z-1 backdrop-blur shadow;\n}\n\n/* Leave the gap on the target-facing side so the other edges stay flush */\n:where(body, dialog) > .scalar-tooltip[data-side='top']:before {\n  bottom: var(--scalar-tooltip-offset);\n}\n:where(body, dialog) > .scalar-tooltip[data-side='bottom']:before {\n  top: var(--scalar-tooltip-offset);\n}\n:where(body, dialog) > .scalar-tooltip[data-side='left']:before {\n  right: var(--scalar-tooltip-offset);\n}\n:where(body, dialog) > .scalar-tooltip[data-side='right']:before {\n  left: var(--scalar-tooltip-offset);\n}\n</style>\n"],"mappings":";;;;;;;;;;;EA2BA,MAAM,aAAsC,IAAI,IAAI;EAEpD,WAAW;GACT,SAAS,eAAe,QAAA,OAAO;GAC/B,OAAO,eAAe,QAAA,KAAK;GAC3B,WAAW,eAAe,QAAA,SAAS;GACnC,QAAQ,eAAe,QAAA,MAAM;GAC7B,WAAW,eACH,WAAW,OAAO,WAAW,MAAM,WAAW,SAAS,KAAA,CAC/D;EACF,CAAC;;uBAGC,mBAIM,OAAA;aAHA;IAAJ,KAAI;IACH,OAAK,eAAA,EAAA,UAAA,CAAA,CAAgBA,KAAAA,OAAO,QAAO,CAAA;OACpC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/ScalarVirtualCodeBlock/ScalarVirtualCodeBlock.vue.script.js

@@ -1,53 +0,0 @@
-import ScalarCopyBackdrop_default from "../ScalarCopy/ScalarCopyBackdrop.vue.js";
-import ScalarCodeBlockCopy_default from "../ScalarCodeBlock/ScalarCodeBlockCopy.vue.js";
-import ScalarVirtualText_default from "../ScalarVirtualText/ScalarVirtualText.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, unref, withCtx } from "vue";
-var ScalarVirtualCodeBlock_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarVirtualCodeBlock",
-	props: {
-		content: {},
-		label: { default: "Code sample" },
-		lang: { default: "plaintext" },
-		copy: {
-			type: [String, Boolean],
-			default: "hover"
-		},
-		lineHeight: { default: 20 }
-	},
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("scalar-code-block group/code-block flex flex-col", "relative bg-b-1 min-h-0 min-w-0"))), [createVNode(ScalarVirtualText_default, {
-				"aria-label": __props.label,
-				containerClass: "custom-scroll overflow-auto flex flex-1 max-h-screen",
-				contentClass: "language-plaintext whitespace-pre font-code text-base p-2",
-				lineHeight: __props.lineHeight,
-				role: "region",
-				text: __props.content
-			}, null, 8, [
-				"aria-label",
-				"lineHeight",
-				"text"
-			]), __props.copy ? (openBlock(), createBlock(ScalarCodeBlockCopy_default, {
-				key: 0,
-				class: normalizeClass(["scalar-code-copy absolute top-2.5 right-2.5", [{ "opacity-100": __props.copy === "always" }]]),
-				content: __props.content,
-				lang: __props.lang,
-				showLang: true
-			}, {
-				backdrop: withCtx(() => [createVNode(ScalarCopyBackdrop_default, { class: "scalar-code-copy-backdrop -right-1.5 -top-1" })]),
-				_: 1
-			}, 8, [
-				"class",
-				"content",
-				"lang"
-			])) : createCommentVNode("", true)], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarVirtualCodeBlock_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarVirtualCodeBlock.vue.script.js.map

package/dist/components/ScalarVirtualCodeBlock/ScalarVirtualCodeBlock.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarVirtualCodeBlock.vue.script.js","names":[],"sources":["../../../src/components/ScalarVirtualCodeBlock/ScalarVirtualCodeBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Virtual Code Block component\n *\n * Renders large blocks of code using virtualized scrolling with a copy button.\n * Used as a fallback for ScalarCodeBlock when content exceeds the performance\n * threshold for syntax highlighting.\n *\n * @example\n * <ScalarVirtualCodeBlock content=\"large json string\" lang=\"json\" />\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarCodeBlockCopy from '../ScalarCodeBlock/ScalarCodeBlockCopy.vue'\nimport type { StandardLanguageKey } from '../ScalarCodeBlock/types'\nimport ScalarCopyBackdrop from '../ScalarCopy/ScalarCopyBackdrop.vue'\nimport ScalarVirtualText from '../ScalarVirtualText/ScalarVirtualText.vue'\n\nconst {\n  content,\n  label = 'Code sample',\n  lang = 'plaintext',\n  copy = 'hover',\n  lineHeight = 20,\n} = defineProps<{\n  /** Text content to display */\n  content: string\n  /** Accessible name of the keyboard-scrollable code region. */\n  label?: string\n  /** Language label for the copy button */\n  lang?: StandardLanguageKey | string\n  /** Copy button visibility: 'always', 'hover', or false */\n  copy?: 'always' | 'hover' | false\n  /** Height of each line in pixels */\n  lineHeight?: number\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'scalar-code-block group/code-block flex flex-col',\n        'relative bg-b-1 min-h-0 min-w-0',\n      )\n    \">\n    <ScalarVirtualText\n      :aria-label=\"label\"\n      containerClass=\"custom-scroll overflow-auto flex flex-1 max-h-screen\"\n      contentClass=\"language-plaintext whitespace-pre font-code text-base p-2\"\n      :lineHeight=\"lineHeight\"\n      role=\"region\"\n      :text=\"content\" />\n    <ScalarCodeBlockCopy\n      v-if=\"copy\"\n      class=\"scalar-code-copy absolute top-2.5 right-2.5\"\n      :class=\"[{ 'opacity-100': copy === 'always' }]\"\n      :content=\"content\"\n      :lang=\"lang\"\n      :showLang=\"true\">\n      <template #backdrop>\n        <ScalarCopyBackdrop\n          class=\"scalar-code-copy-backdrop -right-1.5 -top-1\" />\n      </template>\n    </ScalarCodeBlockCopy>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAyCA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBA0BM,OAAA,eAAA,mBAzBW,MAAA,EAAA,CAAE,CAAA,oDAAA,iCAAA,CAAA,CAAA,GAAA,CAMjB,YAMoB,2BAAA;IALjB,cAAY,QAAA;IACb,gBAAe;IACf,cAAa;IACZ,YAAY,QAAA;IACb,MAAK;IACJ,MAAM,QAAA;;;;;OAED,QAAA,QAAA,UAAA,GADR,YAWsB,6BAAA;;IATpB,OAAK,eAAA,CAAC,+CAA6C,CAAA,EAAA,eACzB,QAAA,SAAI,SAAA,CAAA,CAAA,CAAA;IAC7B,SAAS,QAAA;IACT,MAAM,QAAA;IACN,UAAU;;IACA,UAAQ,cAEuC,CADxD,YACwD,4BAAA,EAAtD,OAAM,8CAA6C,CAAA,CAAA,CAAA"}