@scalar/components 0.27.5 → 0.27.6

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/ScalarToggle.vue"],"names":[],"mappings":"AA6DA;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;eAEL,OAAO;YACV,MAAM;;iBA0BH,OAAO;;;;eA3BP,OAAO;YACV,MAAM;;iBA0BH,OAAO;;;kFAoEhB,CAAC"}
+{"version":3,"file":"ScalarToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/ScalarToggle.vue"],"names":[],"mappings":"AA6CA;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;eAEL,OAAO;YACV,MAAM;;iBAkBH,OAAO;;;;eAnBP,OAAO;YACV,MAAM;;iBAkBH,OAAO;;;kFA4DhB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarToggle.vue.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 { cva, cx } from '@scalar/use-hooks/useBindCx'\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\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    checked: { true: 'bg-c-accent' },\n    disabled: { true: 'cursor-not-allowed opacity-40' },\n  },\n})\n</script>\n<template>\n  <button\n    :aria-checked=\"model\"\n    :aria-disabled=\"disabled\"\n    :class=\"cx(variants({ checked: model, disabled }))\"\n    role=\"switch\"\n    type=\"button\"\n    @click=\"toggle\">\n    <div\n      class=\"absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-b-1 text-c-accent transition-transform duration-300\"\n      :class=\"{ 'translate-x-2.5': model }\" />\n    <span\n      v-if=\"label\"\n      class=\"sr-only\">\n      {{ label }}\n    </span>\n  </button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarToggle.vue.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":""}

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

@@ -1,11 +1,5 @@
-import { cva, cx } from "@scalar/use-hooks/useBindCx";
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, openBlock, toDisplayString, unref, useModel } from "vue";
-//#region src/components/ScalarToggle/ScalarToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-checked", "aria-disabled"];
-var _hoisted_2 = {
-	key: 0,
-	class: "sr-only"
-};
+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({
@@ -26,25 +20,22 @@ var ScalarToggle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			if (props.disabled) return;
 			model.value = !model.value;
 		}
-		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: {
-				checked: { true: "bg-c-accent" },
-				disabled: { true: "cursor-not-allowed opacity-40" }
-			}
-		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", {
+			return openBlock(), createBlock(ScalarToggleSlider_default, {
 				"aria-checked": model.value,
-				"aria-disabled": __props.disabled,
-				class: normalizeClass(unref(cx)(unref(variants)({
-					checked: model.value,
-					disabled: __props.disabled
-				}))),
+				class: normalizeClass(model.value ? "bg-c-accent" : ""),
+				disabled: __props.disabled,
+				label: __props.label,
 				role: "switch",
-				type: "button",
+				thumb: model.value ? "end" : "start",
 				onClick: toggle
-			}, [createElementVNode("div", { class: normalizeClass(["absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-b-1 text-c-accent transition-transform duration-300", { "translate-x-2.5": model.value }]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true)], 10, _hoisted_1);
+			}, null, 8, [
+				"aria-checked",
+				"class",
+				"disabled",
+				"label",
+				"thumb"
+			]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"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 { cva, cx } from '@scalar/use-hooks/useBindCx'\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\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    checked: { true: 'bg-c-accent' },\n    disabled: { true: 'cursor-not-allowed opacity-40' },\n  },\n})\n</script>\n<template>\n  <button\n    :aria-checked=\"model\"\n    :aria-disabled=\"disabled\"\n    :class=\"cx(variants({ checked: model, disabled }))\"\n    role=\"switch\"\n    type=\"button\"\n    @click=\"toggle\">\n    <div\n      class=\"absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-b-1 text-c-accent transition-transform duration-300\"\n      :class=\"{ 'translate-x-2.5': model }\" />\n    <span\n      v-if=\"label\"\n      class=\"sr-only\">\n      {{ label }}\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAKd,MAAM,QAAQ,SAAoB,SAAA,aAAmB;EAErD,SAAS,SAAS;AAChB,OAAI,MAAM,SACR;AAEF,SAAM,QAAQ,CAAC,MAAM;;EAGvB,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU;IACR,SAAS,EAAE,MAAM,eAAe;IAChC,UAAU,EAAE,MAAM,iCAAiC;IACpD;GACF,CAAA;;uBAGC,mBAeS,UAAA;IAdN,gBAAc,MAAA;IACd,iBAAe,QAAA;IACf,OAAK,eAAE,MAAA,GAAE,CAAC,MAAA,SAAQ,CAAA;KAAA,SAAY,MAAA;KAAK,UAAE,QAAA;KAAQ,CAAA,CAAA,CAAA;IAC9C,MAAK;IACL,MAAK;IACJ,SAAO;OACR,mBAE0C,OAAA,EADxC,OAAK,eAAA,CAAC,wIAAsI,EAAA,mBAC/G,MAAA,OAAK,CAAA,CAAA,EAAA,EAAA,MAAA,EAAA,EAE5B,QAAA,SAAA,WAAA,EADR,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA"}
+{"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,aAAmB;EAErD,SAAS,SAAS;AAChB,OAAI,MAAM,SACR;AAEF,SAAM,QAAQ,CAAC,MAAM;;;uBAIrB,YAOoB,4BAAA;IANjB,gBAAc,MAAA;IACd,OAAK,eAAE,MAAA,QAAK,gBAAA,GAAA;IACZ,UAAA,QAAA;IACA,OAAA,QAAA;IACD,MAAK;IACJ,OAAO,MAAA,QAAK,QAAA;IACZ,SAAO"}

package/dist/components/ScalarToggle/ScalarToggleSlider.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    /** Resting position of the thumb within the track */
+    thumb?: 'start' | 'center' | 'end';
+    /** Visually dims the control and applies a not-allowed cursor */
+    disabled?: boolean;
+    /** Accessible label announced to assistive technology */
+    label?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ScalarToggleSlider.vue.d.ts.map

package/dist/components/ScalarToggle/ScalarToggleSlider.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarToggleSlider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/ScalarToggleSlider.vue"],"names":[],"mappings":"AAiDA,KAAK,WAAW,GAAG;IACjB,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAyEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,7 @@
+import ScalarToggleSlider_vue_vue_type_script_setup_true_lang_default from "./ScalarToggleSlider.vue.script.js";
+//#region src/components/ScalarToggle/ScalarToggleSlider.vue
+var ScalarToggleSlider_default = ScalarToggleSlider_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarToggleSlider_default as default };
+
+//# sourceMappingURL=ScalarToggleSlider.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarToggleSlider.vue.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":""}

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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1 @@
+{"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,iCAAiC,EACpD;GACF,CAAA;EAGD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAeS,UAfT,WAeS;IAdN,iBAAe,QAAA;IAChB,MAAK;MACG,MAAA,GAAE,CAAC,MAAA,SAAQ,CAAA,EAAA,UAAG,QAAA,UAAQ,CAAA,CAAA,CAAA,EAAA,CAC9B,mBAKO,OAAA,EAJL,OAAK,eAAA,CAAC,0HAAwH;wBACxF,QAAA,UAAK;uBAA0C,QAAA,UAAK;oBAKpF,QAAA,SAAA,WAAA,EADR,mBAIO,QAJP,YAIO,gBADF,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/ScalarToggle/ScalarTristateToggle.vue.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Scalar Tristate Toggle component
+ *
+ * A switch-style toggle control with three states — unset, on, and off —
+ * useful for representing an optional boolean that can also be left
+ * unset (e.g. "inherit"). Supports a disabled state and accessible
+ * labeling.
+ *
+ * @example
+ * <ScalarTristateToggle v-model="overridden" label="Override default" />
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** Prevents the toggle from being cycled, and dims it visually. */
+    disabled?: boolean;
+    /** Accessible label announced to assistive technology */
+    label?: string;
+} & {
+    modelValue?: boolean | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Prevents the toggle from being cycled, and dims it visually. */
+    disabled?: boolean;
+    /** Accessible label announced to assistive technology */
+    label?: string;
+} & {
+    modelValue?: boolean | undefined;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=ScalarTristateToggle.vue.d.ts.map

package/dist/components/ScalarToggle/ScalarTristateToggle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarTristateToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/ScalarTristateToggle.vue"],"names":[],"mappings":"AA0EA;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,mEAAmE;eACxD,OAAO;IAClB,yDAAyD;YACjD,MAAM;;iBAqCH,OAAO,GAAG,SAAS;;;;IAxC9B,mEAAmE;eACxD,OAAO;IAClB,yDAAyD;YACjD,MAAM;;iBAqCH,OAAO,GAAG,SAAS;;;kFA4D5B,CAAC"}

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

@@ -0,0 +1,7 @@
+import ScalarTristateToggle_vue_vue_type_script_setup_true_lang_default from "./ScalarTristateToggle.vue.script.js";
+//#region src/components/ScalarToggle/ScalarTristateToggle.vue
+var ScalarTristateToggle_default = ScalarTristateToggle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarTristateToggle_default as default };
+
+//# sourceMappingURL=ScalarTristateToggle.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarTristateToggle.vue.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":""}

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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1 @@
+{"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,aAAC;;EAG/C,MAAM,QAAQ,eAAuC;AACnD,OAAI,MAAM,UAAU,KAAA,EAClB,QAAO;AAET,UAAO,MAAM,QAAQ,OAAO;IAC7B;;EAGD,MAAM,eAAe;GACnB,OAAO;IAAE,OAAO;IAAI,OAAO;IAAU;GACrC,IAAI;IAAE,OAAO;IAAY,OAAO;IAAO;GACvC,KAAK;IAAE,OAAO;IAAe,OAAO;IAAS;GAC9C;;EAGD,SAAS,SAAS;AAChB,OAAI,MAAM,SACR;AAEF,OAAI,MAAM,UAAU,KAAA,EAClB,OAAM,QAAQ;YACL,MAAM,UAAU,KACzB,OAAM,QAAQ;OAEd,OAAM,QAAQ,KAAA;;;uBAKhB,YAMoB,4BANpB,WAMoB;IALjB,gBAAc,MAAA,UAAK,UAAA,UAAyB,MAAA;IAC5C,UAAA,QAAA;IACA,OAAA,QAAA;IACD,MAAK;MACG,aAAa,MAAA,QAAK,EACzB,SAAO,QAAM,CAAA,EAAA,MAAA,IAAA;IAAA;IAAA;IAAA;IAAA,CAAA"}

package/dist/components/ScalarToggle/ScalarTristateToggleGroup.vue.d.ts

@@ -0,0 +1,23 @@
+import type { ScalarCheckboxOption } from '../ScalarCheckboxInput/index.js';
+import type { ScalarTristateOption } from './types';
+/**
+ * Scalar Tristate Toggle Group component
+ *
+ * A group of tristate toggle inputs, each independently unset, on, or off.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    options?: ScalarCheckboxOption[];
+} & {
+    modelValue?: ScalarTristateOption[];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: ScalarTristateOption[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    options?: ScalarCheckboxOption[];
+} & {
+    modelValue?: ScalarTristateOption[];
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ScalarTristateOption[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=ScalarTristateToggleGroup.vue.d.ts.map

package/dist/components/ScalarToggle/ScalarTristateToggleGroup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarTristateToggleGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/ScalarTristateToggleGroup.vue"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAGlE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;cAEN,oBAAoB,EAAE;;iBAuBrB,oBAAoB,EAAE;;;;cAvBvB,oBAAoB,EAAE;;iBAuBrB,oBAAoB,EAAE;;;kFAyE/B,CAAC"}

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

@@ -0,0 +1,7 @@
+import ScalarTristateToggleGroup_vue_vue_type_script_setup_true_lang_default from "./ScalarTristateToggleGroup.vue.script.js";
+//#region src/components/ScalarToggle/ScalarTristateToggleGroup.vue
+var ScalarTristateToggleGroup_default = ScalarTristateToggleGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarTristateToggleGroup_default as default };
+
+//# sourceMappingURL=ScalarTristateToggleGroup.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarTristateToggleGroup.vue.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":""}

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

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1 @@
+{"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,aAAgB;;EAGjE,SAAS,SAAS,QAAmD;AACnE,UAAO,MAAM,MAAM,MAAM,UAAU,MAAM,UAAU,OAAO,MAAM,EAAE;;;EAIpE,SAAS,SAAS,QAA8B,SAA8B;GAC5E,MAAM,OAAO,MAAM,MAAM,QAAQ,UAAU,MAAM,UAAU,OAAO,MAAK;AACvE,SAAM,QAAQ,YAAY,KAAA,IAAY,OAAO,CAAC,GAAG,MAAM;IAAE,GAAG;IAAQ;IAAS,CAAA;;;uBAI7E,YAQuB,MAAA,6BAAA,EAAA,MAAA;2BANM,EAAA,UAAA,KAAA,EAD3B,mBAM4B,UAAA,MAAA,WALT,QAAA,UAAV,WAAM;yBADf,YAM4B,mCAAA;MAJzB,KAAK,OAAO;MACZ,YAAY,SAAS,OAAM;MAC3B,wBAAoB,YAAY,SAAS,QAAQ,QAAO;;6BACvC,CAAA,gBAAA,gBAAf,OAAO,MAAK,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/ScalarToggle/ScalarTristateToggleInput.vue.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Scalar Tristate Toggle Input component
+ *
+ * A tristate toggle input component for use in forms, supporting an
+ * additional "unset" state alongside on/off.
+ *
+ * @example
+ *  <ScalarTristateToggleInput v-model="model">
+ *    Label
+ *  </ScalarTristateToggleInput>
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    modelValue?: boolean | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue?: boolean | undefined;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarTristateToggleInput.vue.d.ts.map

package/dist/components/ScalarToggle/ScalarTristateToggleInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarTristateToggleInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/ScalarTristateToggleInput.vue"],"names":[],"mappings":"AAiDA;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;iBAQL,OAAO,GAAG,SAAS;;;;iBAAnB,OAAO,GAAG,SAAS;;;;cA6ElB,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,7 @@
+import ScalarTristateToggleInput_vue_vue_type_script_setup_true_lang_default from "./ScalarTristateToggleInput.vue.script.js";
+//#region src/components/ScalarToggle/ScalarTristateToggleInput.vue
+var ScalarTristateToggleInput_default = ScalarTristateToggleInput_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarTristateToggleInput_default as default };
+
+//# sourceMappingURL=ScalarTristateToggleInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarTristateToggleInput.vue.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":""}

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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1 @@
+{"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,aAAC;EAG/C,MAAM,EAAE,gBAAgB,eAAe,WAAU;;uBAG/C,YAYkB,MAAA,wBAAA,EAZlB,WAYkB,EAXhB,IAAG,SAAO,EACK,MAAA,eAAc,CAAA,qCAAA,EAAA,YAA4D,MAAA,UAAU,KAAA,GAAA,CAAA,CAAA,EAAA;2BAKtC,CAA7D,mBAA6D,OAA7D,YAA6D,CAAd,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,EACvD,YAGwB,8BAHxB,WAGwB;iBAFb,MAAA;wEAAK,QAAA;KACd,OAAM;OACE,MAAA,WAAU,CAAA,EAAA,MAAA,IAAA,CAAA,aAAA,CAAA,CAAA,CAAA"}

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

@@ -1,4 +1,8 @@
 export { default as ScalarToggle } from './ScalarToggle.vue.js';
 export { default as ScalarToggleGroup } from './ScalarToggleGroup.vue.js';
 export { default as ScalarToggleInput } from './ScalarToggleInput.vue.js';
+export { default as ScalarTristateToggle } from './ScalarTristateToggle.vue.js';
+export { default as ScalarTristateToggleGroup } from './ScalarTristateToggleGroup.vue.js';
+export { default as ScalarTristateToggleInput } from './ScalarTristateToggleInput.vue.js';
+export type { ScalarTristateOption } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AACtF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AACtF,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/ScalarToggle/index.js

@@ -1,4 +1,7 @@
 import ScalarToggle_default from "./ScalarToggle.vue.js";
 import ScalarToggleInput_default from "./ScalarToggleInput.vue.js";
 import ScalarToggleGroup_default from "./ScalarToggleGroup.vue.js";
-export { ScalarToggle_default as ScalarToggle, ScalarToggleGroup_default as ScalarToggleGroup, ScalarToggleInput_default as ScalarToggleInput };
+import ScalarTristateToggle_default from "./ScalarTristateToggle.vue.js";
+import ScalarTristateToggleInput_default from "./ScalarTristateToggleInput.vue.js";
+import ScalarTristateToggleGroup_default from "./ScalarTristateToggleGroup.vue.js";
+export { ScalarToggle_default as ScalarToggle, ScalarToggleGroup_default as ScalarToggleGroup, ScalarToggleInput_default as ScalarToggleInput, ScalarTristateToggle_default as ScalarTristateToggle, ScalarTristateToggleGroup_default as ScalarTristateToggleGroup, ScalarTristateToggleInput_default as ScalarTristateToggleInput };

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

@@ -0,0 +1,11 @@
+import type { ScalarCheckboxOption } from '../ScalarCheckboxInput/index.js';
+/**
+ * A tristate option for ScalarTristateToggleGroup.
+ *
+ * The `checked` value is only meaningful when the option is present in the
+ * model array — absence from the array means the option is unset.
+ */
+export type ScalarTristateOption = ScalarCheckboxOption & {
+    checked: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarToggle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAElE;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA"}

package/dist/index.d.ts

@@ -40,7 +40,8 @@ export { ScalarTeleport, ScalarTeleportRoot, TELEPORT_SYMBOL, useProvideTeleport
 export { ScalarTextArea } from './components/ScalarTextArea/index.js';
 export { ScalarTextInput, ScalarTextInputCopy } from './components/ScalarTextInput/index.js';
 export { ScalarThemeSwatches, useThemeSwatches } from './components/ScalarThemeSwatches/index.js';
-export { ScalarToggle, ScalarToggleGroup, ScalarToggleInput } from './components/ScalarToggle/index.js';
+export type { ScalarTristateOption } from './components/ScalarToggle/index.js';
+export { ScalarToggle, ScalarToggleGroup, ScalarToggleInput, ScalarTristateToggle, ScalarTristateToggleGroup, ScalarTristateToggleInput, } from './components/ScalarToggle/index.js';
 export type { ScalarTooltipPlacement, TooltipConfiguration } from './components/ScalarTooltip/index.js';
 export { ScalarHotkeyTooltip, ScalarTooltip, useTooltip } from './components/ScalarTooltip/index.js';
 export { ScalarVirtualCodeBlock } from './components/ScalarVirtualCodeBlock/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE7E,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3G,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAChG,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AACnF,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,oCAAoC,CAAA;AAC3C,YAAY,EACV,4BAA4B,EAC5B,oBAAoB,EACpB,yBAAyB,EACzB,6BAA6B,GAC9B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAC/G,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1F,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EACL,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,4BAA4B,EAC5B,uBAAuB,GACxB,MAAM,+BAA+B,CAAA;AACtC,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpF,OAAO,EACL,UAAU,EACV,eAAe,EACf,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC5E,YAAY,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC7E,YAAY,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACxH,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AACnF,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACnF,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,yBAAyB,CAAA;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAChE,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAA;AACjG,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,WAAW,GACZ,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AACnF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACxF,YAAY,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,2BAA2B,CAAA;AAClC,YAAY,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC9F,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAA"}

package/dist/index.js

@@ -99,9 +99,12 @@ import ScalarThemeSwatches_default from "./components/ScalarThemeSwatches/Scalar
 import ScalarToggle_default from "./components/ScalarToggle/ScalarToggle.vue.js";
 import ScalarToggleInput_default from "./components/ScalarToggle/ScalarToggleInput.vue.js";
 import ScalarToggleGroup_default from "./components/ScalarToggle/ScalarToggleGroup.vue.js";
+import ScalarTristateToggle_default from "./components/ScalarToggle/ScalarTristateToggle.vue.js";
+import ScalarTristateToggleInput_default from "./components/ScalarToggle/ScalarTristateToggleInput.vue.js";
+import ScalarTristateToggleGroup_default from "./components/ScalarToggle/ScalarTristateToggleGroup.vue.js";
 import ScalarVirtualText_default from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
 import ScalarVirtualCodeBlock_default from "./components/ScalarVirtualCodeBlock/ScalarVirtualCodeBlock.vue.js";
 import ScalarWrappingText_default from "./components/ScalarWrappingText/ScalarWrappingText.vue.js";
 import { addScalarClassesToHeadless } from "./helpers/add-scalar-classes.js";
 import { compose, cva, cx, tw, useBindCx } from "@scalar/use-hooks/useBindCx";
-export { ScalarButton_default as ScalarButton, ScalarCard_default as ScalarCard, ScalarCardFooter_default as ScalarCardFooter, ScalarCardHeader_default as ScalarCardHeader, ScalarCardSection_default as ScalarCardSection, ScalarCheckbox_default as ScalarCheckbox, ScalarCheckboxGroup_default as ScalarCheckboxGroup, ScalarCheckboxInput_default as ScalarCheckboxInput, ScalarCheckboxRadioGroup_default as ScalarCheckboxRadioGroup, ScalarCodeBlock_default as ScalarCodeBlock, ScalarCodeBlockCopy_default as ScalarCodeBlockCopy, ScalarColorModeToggle_default as ScalarColorModeToggle, ScalarColorModeToggleButton_default as ScalarColorModeToggleButton, ScalarColorModeToggleIcon_default as ScalarColorModeToggleIcon, ScalarCombobox_default as ScalarCombobox, ScalarComboboxMultiselect_default as ScalarComboboxMultiselect, ScalarCopy_default as ScalarCopy, ScalarCopyBackdrop_default as ScalarCopyBackdrop, ScalarCopyButton_default as ScalarCopyButton, ScalarDropdown_default as ScalarDropdown, ScalarDropdownButton_default as ScalarDropdownButton, ScalarDropdownDivider_default as ScalarDropdownDivider, ScalarDropdownItem_default as ScalarDropdownItem, ScalarDropdownMenu_default as ScalarDropdownMenu, ScalarErrorBoundary_default as ScalarErrorBoundary, ScalarFileUpload_default as ScalarFileUpload, ScalarFileUploadDropTarget_default as ScalarFileUploadDropTarget, ScalarFileUploadError_default as ScalarFileUploadError, ScalarFileUploadFileList_default as ScalarFileUploadFileList, ScalarFileUploadInput_default as ScalarFileUploadInput, ScalarFileUploadInputCompact_default as ScalarFileUploadInputCompact, ScalarFileUploadLoading_default as ScalarFileUploadLoading, ScalarFloating_default as ScalarFloating, ScalarFloatingBackdrop_default as ScalarFloatingBackdrop, ScalarForm_default as ScalarForm, ScalarFormError_default as ScalarFormError, ScalarFormField_default as ScalarFormField, ScalarFormInput_default as ScalarFormInput, ScalarFormInputGroup_default as ScalarFormInputGroup, ScalarFormSection_default as ScalarFormSection, ScalarHeader_default as ScalarHeader, ScalarHeaderButton_default as ScalarHeaderButton, ScalarHotkey_default as ScalarHotkey, ScalarHotkeyTooltip_default as ScalarHotkeyTooltip, ScalarIcon_default as ScalarIcon, ScalarIconButton_default as ScalarIconButton, ScalarIconLegacyAdapter_default as ScalarIconLegacyAdapter, ScalarListbox_default as ScalarListbox, ScalarListboxCheckbox_default as ScalarListboxCheckbox, ScalarListboxInput_default as ScalarListboxInput, ScalarListboxItem_default as ScalarListboxItem, ScalarLoading_default as ScalarLoading, ScalarMarkdown_default as ScalarMarkdown, ScalarMarkdownSummary_default as ScalarMarkdownSummary, ScalarMenu_default as ScalarMenu, ScalarMenuButton_default as ScalarMenuButton, ScalarMenuLink_default as ScalarMenuLink, ScalarMenuProduct_default as ScalarMenuProduct, ScalarMenuProducts_default as ScalarMenuProducts, ScalarMenuResources_default as ScalarMenuResources, ScalarMenuSection_default as ScalarMenuSection, ScalarMenuSupport_default as ScalarMenuSupport, ScalarMenuTeamPicker_default as ScalarMenuTeamPicker, ScalarMenuTeamProfile_default as ScalarMenuTeamProfile, ScalarMenuWorkspacePicker_default as ScalarMenuWorkspacePicker, ScalarModal_default as ScalarModal, ScalarPopover_default as ScalarPopover, ScalarSavePrompt_default as ScalarSavePrompt, ScalarSearchInput_default as ScalarSearchInput, ScalarSearchResultItem_default as ScalarSearchResultItem, ScalarSearchResultList_default as ScalarSearchResultList, ScalarSidebar_default as ScalarSidebar, ScalarSidebarButton_default as ScalarSidebarButton, ScalarSidebarFooter_default as ScalarSidebarFooter, ScalarSidebarGroup_default as ScalarSidebarGroup, ScalarSidebarGroupToggle_default as ScalarSidebarGroupToggle, ScalarSidebarIndent_default as ScalarSidebarIndent, ScalarSidebarItem_default as ScalarSidebarItem, ScalarSidebarItems_default as ScalarSidebarItems, ScalarSidebarNestedItems_default as ScalarSidebarNestedItems, ScalarSidebarSearchButton_default as ScalarSidebarSearchButton, ScalarSidebarSearchInput_default as ScalarSidebarSearchInput, ScalarSidebarSection_default as ScalarSidebarSection, ScalarSidebarSpacer_default as ScalarSidebarSpacer, ScalarTeleport_default as ScalarTeleport, ScalarTeleportRoot_default as ScalarTeleportRoot, ScalarTextArea_default as ScalarTextArea, ScalarTextInput_default as ScalarTextInput, ScalarTextInputCopy_default as ScalarTextInputCopy, ScalarThemeSwatches_default as ScalarThemeSwatches, ScalarToggle_default as ScalarToggle, ScalarToggleGroup_default as ScalarToggleGroup, ScalarToggleInput_default as ScalarToggleInput, ScalarTooltip_default as ScalarTooltip, ScalarVirtualCodeBlock_default as ScalarVirtualCodeBlock, ScalarVirtualText_default as ScalarVirtualText, ScalarWrappingText_default as ScalarWrappingText, TELEPORT_SYMBOL, addScalarClassesToHeadless, compose, cva, cx, formatHotkeySymbols, isGroups as isScalarComboboxGroups, tw, useBindCx, useLoadingState, useModal, useProvideTeleport, useTeleport, useThemeSwatches, useTooltip };
+export { ScalarButton_default as ScalarButton, ScalarCard_default as ScalarCard, ScalarCardFooter_default as ScalarCardFooter, ScalarCardHeader_default as ScalarCardHeader, ScalarCardSection_default as ScalarCardSection, ScalarCheckbox_default as ScalarCheckbox, ScalarCheckboxGroup_default as ScalarCheckboxGroup, ScalarCheckboxInput_default as ScalarCheckboxInput, ScalarCheckboxRadioGroup_default as ScalarCheckboxRadioGroup, ScalarCodeBlock_default as ScalarCodeBlock, ScalarCodeBlockCopy_default as ScalarCodeBlockCopy, ScalarColorModeToggle_default as ScalarColorModeToggle, ScalarColorModeToggleButton_default as ScalarColorModeToggleButton, ScalarColorModeToggleIcon_default as ScalarColorModeToggleIcon, ScalarCombobox_default as ScalarCombobox, ScalarComboboxMultiselect_default as ScalarComboboxMultiselect, ScalarCopy_default as ScalarCopy, ScalarCopyBackdrop_default as ScalarCopyBackdrop, ScalarCopyButton_default as ScalarCopyButton, ScalarDropdown_default as ScalarDropdown, ScalarDropdownButton_default as ScalarDropdownButton, ScalarDropdownDivider_default as ScalarDropdownDivider, ScalarDropdownItem_default as ScalarDropdownItem, ScalarDropdownMenu_default as ScalarDropdownMenu, ScalarErrorBoundary_default as ScalarErrorBoundary, ScalarFileUpload_default as ScalarFileUpload, ScalarFileUploadDropTarget_default as ScalarFileUploadDropTarget, ScalarFileUploadError_default as ScalarFileUploadError, ScalarFileUploadFileList_default as ScalarFileUploadFileList, ScalarFileUploadInput_default as ScalarFileUploadInput, ScalarFileUploadInputCompact_default as ScalarFileUploadInputCompact, ScalarFileUploadLoading_default as ScalarFileUploadLoading, ScalarFloating_default as ScalarFloating, ScalarFloatingBackdrop_default as ScalarFloatingBackdrop, ScalarForm_default as ScalarForm, ScalarFormError_default as ScalarFormError, ScalarFormField_default as ScalarFormField, ScalarFormInput_default as ScalarFormInput, ScalarFormInputGroup_default as ScalarFormInputGroup, ScalarFormSection_default as ScalarFormSection, ScalarHeader_default as ScalarHeader, ScalarHeaderButton_default as ScalarHeaderButton, ScalarHotkey_default as ScalarHotkey, ScalarHotkeyTooltip_default as ScalarHotkeyTooltip, ScalarIcon_default as ScalarIcon, ScalarIconButton_default as ScalarIconButton, ScalarIconLegacyAdapter_default as ScalarIconLegacyAdapter, ScalarListbox_default as ScalarListbox, ScalarListboxCheckbox_default as ScalarListboxCheckbox, ScalarListboxInput_default as ScalarListboxInput, ScalarListboxItem_default as ScalarListboxItem, ScalarLoading_default as ScalarLoading, ScalarMarkdown_default as ScalarMarkdown, ScalarMarkdownSummary_default as ScalarMarkdownSummary, ScalarMenu_default as ScalarMenu, ScalarMenuButton_default as ScalarMenuButton, ScalarMenuLink_default as ScalarMenuLink, ScalarMenuProduct_default as ScalarMenuProduct, ScalarMenuProducts_default as ScalarMenuProducts, ScalarMenuResources_default as ScalarMenuResources, ScalarMenuSection_default as ScalarMenuSection, ScalarMenuSupport_default as ScalarMenuSupport, ScalarMenuTeamPicker_default as ScalarMenuTeamPicker, ScalarMenuTeamProfile_default as ScalarMenuTeamProfile, ScalarMenuWorkspacePicker_default as ScalarMenuWorkspacePicker, ScalarModal_default as ScalarModal, ScalarPopover_default as ScalarPopover, ScalarSavePrompt_default as ScalarSavePrompt, ScalarSearchInput_default as ScalarSearchInput, ScalarSearchResultItem_default as ScalarSearchResultItem, ScalarSearchResultList_default as ScalarSearchResultList, ScalarSidebar_default as ScalarSidebar, ScalarSidebarButton_default as ScalarSidebarButton, ScalarSidebarFooter_default as ScalarSidebarFooter, ScalarSidebarGroup_default as ScalarSidebarGroup, ScalarSidebarGroupToggle_default as ScalarSidebarGroupToggle, ScalarSidebarIndent_default as ScalarSidebarIndent, ScalarSidebarItem_default as ScalarSidebarItem, ScalarSidebarItems_default as ScalarSidebarItems, ScalarSidebarNestedItems_default as ScalarSidebarNestedItems, ScalarSidebarSearchButton_default as ScalarSidebarSearchButton, ScalarSidebarSearchInput_default as ScalarSidebarSearchInput, ScalarSidebarSection_default as ScalarSidebarSection, ScalarSidebarSpacer_default as ScalarSidebarSpacer, ScalarTeleport_default as ScalarTeleport, ScalarTeleportRoot_default as ScalarTeleportRoot, ScalarTextArea_default as ScalarTextArea, ScalarTextInput_default as ScalarTextInput, ScalarTextInputCopy_default as ScalarTextInputCopy, ScalarThemeSwatches_default as ScalarThemeSwatches, ScalarToggle_default as ScalarToggle, ScalarToggleGroup_default as ScalarToggleGroup, ScalarToggleInput_default as ScalarToggleInput, ScalarTooltip_default as ScalarTooltip, ScalarTristateToggle_default as ScalarTristateToggle, ScalarTristateToggleGroup_default as ScalarTristateToggleGroup, ScalarTristateToggleInput_default as ScalarTristateToggleInput, ScalarVirtualCodeBlock_default as ScalarVirtualCodeBlock, ScalarVirtualText_default as ScalarVirtualText, ScalarWrappingText_default as ScalarWrappingText, TELEPORT_SYMBOL, addScalarClassesToHeadless, compose, cva, cx, formatHotkeySymbols, isGroups as isScalarComboboxGroups, tw, useBindCx, useLoadingState, useModal, useProvideTeleport, useTeleport, useThemeSwatches, useTooltip };

package/dist/style.css

@@ -1448,6 +1448,11 @@
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
+.scalar-app .translate-x-1\.25 {
+  --tw-translate-x: calc(4px * 1.25);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 .scalar-app .translate-x-2\.5 {
   --tw-translate-x: calc(4px * 2.5);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1891,6 +1896,10 @@
   background-color: var(--scalar-color-danger);
 }
 
+.scalar-app .bg-green {
+  background-color: var(--scalar-color-green);
+}
+
 .scalar-app .bg-inherit {
   background-color: inherit;
 }
@@ -2319,10 +2328,6 @@
   color: var(--scalar-color-3);
 }
 
-.scalar-app .text-c-accent {
-  color: var(--scalar-color-accent);
-}
-
 .scalar-app .text-c-alert {
   color: var(--scalar-color-alert);
 }

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.27.5",
+  "version": "0.27.6",
   "engines": {
     "node": ">=22"
   },
@@ -221,11 +221,11 @@
     "radix-vue": "^1.9.17",
     "vue": "^3.5.30",
     "vue-component-type-helpers": "^3.2.6",
-    "@scalar/icons": "0.7.3",
     "@scalar/code-highlight": "0.4.1",
-    "@scalar/themes": "0.16.2",
+    "@scalar/icons": "0.7.3",
+    "@scalar/helpers": "0.9.0",
     "@scalar/use-hooks": "0.4.7",
-    "@scalar/helpers": "0.9.0"
+    "@scalar/themes": "0.16.2"
   },
   "devDependencies": {
     "@playwright/test": "1.59.1",