@scalar/components 0.27.10 → 0.27.11

package/dist/components/ScalarMenu/ScalarMenuProducts.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuProducts.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Products component\n *\n * Displays the list of Scalar product links (Dashboard, Docs, Editor, Client)\n * inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuProducts selected=\"dashboard\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconBook,\n  ScalarIconHouse,\n  ScalarIconNotepad,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarMenuProduct from './ScalarMenuProduct.vue'\n\ntype Product = 'dashboard' | 'docs' | 'editor' | 'client'\n\ndefineProps<{\n  selected?: Product\n  showDocs?: boolean\n  hrefs?: Record<Product, string>\n}>()\n\ndefineEmits<{\n  (e: 'open', event: Event, product: Product): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col')\">\n    <ScalarMenuProduct\n      :href=\"hrefs?.dashboard ?? 'https://dashboard.scalar.com'\"\n      :icon=\"ScalarIconHouse\"\n      :selected=\"selected === 'dashboard'\"\n      @click=\"$emit('open', $event, 'dashboard')\">\n      Dashboard\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      v-if=\"showDocs || selected === 'docs'\"\n      :href=\"hrefs?.docs ?? 'https://docs.scalar.com'\"\n      :icon=\"ScalarIconBook\"\n      :selected=\"selected === 'docs'\"\n      @click=\"$emit('open', $event, 'docs')\">\n      Docs\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      :href=\"hrefs?.editor ?? 'https://editor.scalar.com'\"\n      :icon=\"ScalarIconNotepad\"\n      :selected=\"selected === 'editor'\"\n      @click=\"$emit('open', $event, 'editor')\">\n      Editor\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      :href=\"hrefs?.client ?? 'https://client.scalar.com'\"\n      :icon=\"ScalarIconArrowUpRight\"\n      :selected=\"selected === 'client'\"\n      @click=\"$emit('open', $event, 'client')\">\n      Client\n    </ScalarMenuProduct>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAqCA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBA8BM,OAAA,eAAA,mBA9BO,MAAA,GAAE,CAAA,gBAAA,CAAA,CAAA,EAAA;IACb,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,aAAS;KACtB,MAAM,MAAA,gBAAe;KACrB,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,YAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF8C,eAE9C,GAAA,CAAA,EAAA,CAAA;;;;;;;IAEQ,QAAA,YAAY,QAAA,aAAQ,UAAA,WAAA,EAD5B,YAOoB,2BAAA;;KALjB,MAAM,QAAA,OAAO,QAAI;KACjB,MAAM,MAAA,eAAc;KACpB,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,OAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFyC,UAEzC,GAAA,CAAA,EAAA,CAAA;;;;;;;IACA,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAM,MAAA,kBAAiB;KACvB,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,SAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2C,YAE3C,GAAA,CAAA,EAAA,CAAA;;;;;;;IACA,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAM,MAAA,uBAAsB;KAC5B,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,SAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2C,YAE3C,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarMenuProducts.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Products component\n *\n * Displays the list of Scalar product links (Dashboard, Docs, Editor, Client)\n * inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuProducts selected=\"dashboard\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconBook,\n  ScalarIconHouse,\n  ScalarIconNotepad,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarMenuProduct from './ScalarMenuProduct.vue'\n\ntype Product = 'dashboard' | 'docs' | 'editor' | 'client'\n\ndefineProps<{\n  selected?: Product\n  showDocs?: boolean\n  hrefs?: Record<Product, string>\n}>()\n\ndefineEmits<{\n  (e: 'open', event: Event, product: Product): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col')\">\n    <ScalarMenuProduct\n      :href=\"hrefs?.dashboard ?? 'https://dashboard.scalar.com'\"\n      :icon=\"ScalarIconHouse\"\n      :selected=\"selected === 'dashboard'\"\n      @click=\"$emit('open', $event, 'dashboard')\">\n      Dashboard\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      v-if=\"showDocs || selected === 'docs'\"\n      :href=\"hrefs?.docs ?? 'https://docs.scalar.com'\"\n      :icon=\"ScalarIconBook\"\n      :selected=\"selected === 'docs'\"\n      @click=\"$emit('open', $event, 'docs')\">\n      Docs\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      :href=\"hrefs?.editor ?? 'https://editor.scalar.com'\"\n      :icon=\"ScalarIconNotepad\"\n      :selected=\"selected === 'editor'\"\n      @click=\"$emit('open', $event, 'editor')\">\n      Editor\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      :href=\"hrefs?.client ?? 'https://client.scalar.com'\"\n      :icon=\"ScalarIconArrowUpRight\"\n      :selected=\"selected === 'client'\"\n      @click=\"$emit('open', $event, 'client')\">\n      Client\n    </ScalarMenuProduct>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAqCA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBA8BM,OAAA,eAAA,mBA9BO,MAAA,EAAA,CAAE,CAAA,eAAA,CAAA,CAAA,GAAA;IACb,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,aAAS;KACtB,MAAM,MAAA,eAAA;KACN,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,WAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF8C,eAE9C,EAAA,CAAA,EAAA,CAAA;;;;;;;IAEQ,QAAA,YAAY,QAAA,aAAQ,UAAA,UAAA,GAD5B,YAOoB,2BAAA;;KALjB,MAAM,QAAA,OAAO,QAAI;KACjB,MAAM,MAAA,cAAA;KACN,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,MAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFyC,UAEzC,EAAA,CAAA,EAAA,CAAA;;;;;;;IACA,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAM,MAAA,iBAAA;KACN,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,QAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2C,YAE3C,EAAA,CAAA,EAAA,CAAA;;;;;;;IACA,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAM,MAAA,sBAAA;KACN,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,QAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2C,YAE3C,EAAA,CAAA,EAAA,CAAA"}

package/dist/components/ScalarMenu/ScalarMenuResources.vue.script.js

@@ -2,7 +2,7 @@ import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
 import ScalarMenuSection_default from "./ScalarMenuSection.vue.js";
 import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
 import { ScalarIconBookOpenText, ScalarIconEnvelopeSimple, ScalarIconFileText } from "@scalar/icons";
-var ScalarMenuResources_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuResources_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarMenuResources",
 	setup(__props) {
 		return (_ctx, _cache) => {

package/dist/components/ScalarMenu/ScalarMenuResources.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuResources.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Resources component\n *\n * Displays resource links (Terms, Privacy, Sales) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuResources />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarIconBookOpenText,\n  ScalarIconEnvelopeSimple,\n  ScalarIconFileText,\n} from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n  <ScalarMenuSection>\n    <template #title>Resources</template>\n    <ScalarMenuLink\n      href=\"mailto:support@scalar.com\"\n      :icon=\"ScalarIconEnvelopeSimple\"\n      target=\"_blank\">\n      Sales & Support\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://scalar.com/terms-and-conditions\"\n      :icon=\"ScalarIconFileText\"\n      target=\"_blank\">\n      Terms & Conditions\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://scalar.com/privacy-policy\"\n      :icon=\"ScalarIconBookOpenText\"\n      target=\"_blank\">\n      Privacy Policy\n    </ScalarMenuLink>\n  </ScalarMenuSection>\n</template>\n"],"mappings":";;;;;;;;uBAuBE,YAoBoB,2BAAA,MAAA;IAnBP,OAAK,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAT,aAAS,GAAA,CAAA,EAAA,CAAA;2BAMT;KALjB,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,yBAAwB;MAC/B,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,qBAElB,GAAA,CAAA,EAAA,CAAA;;;KACA,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,mBAAkB;MACzB,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,wBAElB,GAAA,CAAA,EAAA,CAAA;;;KACA,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,uBAAsB;MAC7B,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,oBAElB,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarMenuResources.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Resources component\n *\n * Displays resource links (Terms, Privacy, Sales) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuResources />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarIconBookOpenText,\n  ScalarIconEnvelopeSimple,\n  ScalarIconFileText,\n} from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n  <ScalarMenuSection>\n    <template #title>Resources</template>\n    <ScalarMenuLink\n      href=\"mailto:support@scalar.com\"\n      :icon=\"ScalarIconEnvelopeSimple\"\n      target=\"_blank\">\n      Sales & Support\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://scalar.com/terms-and-conditions\"\n      :icon=\"ScalarIconFileText\"\n      target=\"_blank\">\n      Terms & Conditions\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://scalar.com/privacy-policy\"\n      :icon=\"ScalarIconBookOpenText\"\n      target=\"_blank\">\n      Privacy Policy\n    </ScalarMenuLink>\n  </ScalarMenuSection>\n</template>\n"],"mappings":";;;;;;;;uBAuBE,YAoBoB,2BAAA,MAAA;IAnBP,OAAK,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAT,aAAS,EAAA,CAAA,EAAA,CAAA;2BAMT;KALjB,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,wBAAA;MACP,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,qBAElB,EAAA,CAAA,EAAA,CAAA;;;KACA,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,kBAAA;MACP,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,wBAElB,EAAA,CAAA,EAAA,CAAA;;;KACA,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,sBAAA;MACP,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,oBAElB,EAAA,CAAA,EAAA,CAAA"}

package/dist/components/ScalarMenu/ScalarMenuSection.vue.script.js

@@ -1,6 +1,6 @@
 import ScalarDropdownDivider_default from "../ScalarDropdown/ScalarDropdownDivider.vue.js";
 import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, renderSlot, unref } from "vue";
-var ScalarMenuSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuSection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMenuSection",
 	setup(__props) {

package/dist/components/ScalarMenu/ScalarMenuSection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuSection.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Section component\n *\n * Groups menu items under a divider with an optional title slot.\n *\n * @example\n * <ScalarMenuSection>\n *   <template #title>Section Title</template>\n *   <!-- menu items -->\n * </ScalarMenuSection>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownDivider />\n  <slot />\n</template>\n"],"mappings":";;;;;;;2DAqBE,YAAyB,MAAA,8BAAA,CAAA,EACzB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarMenuSection.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Section component\n *\n * Groups menu items under a divider with an optional title slot.\n *\n * @example\n * <ScalarMenuSection>\n *   <template #title>Section Title</template>\n *   <!-- menu items -->\n * </ScalarMenuSection>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownDivider />\n  <slot />\n</template>\n"],"mappings":";;;;;;;2DAqBE,YAAyB,MAAA,6BAAA,CAAA,GACzB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarMenu/ScalarMenuSupport.vue.script.js

@@ -2,7 +2,7 @@ import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
 import ScalarMenuSection_default from "./ScalarMenuSection.vue.js";
 import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
 import { ScalarIconDiscordLogo, ScalarIconGithubLogo } from "@scalar/icons";
-var ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarMenuSupport",
 	setup(__props) {
 		return (_ctx, _cache) => {

package/dist/components/ScalarMenu/ScalarMenuSupport.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuSupport.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Support component\n *\n * Displays community and social links (Discord, GitHub) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuSupport />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconDiscordLogo, ScalarIconGithubLogo } from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n  <ScalarMenuSection>\n    <template #title>Resources</template>\n    <ScalarMenuLink\n      href=\"https://discord.gg/scalar\"\n      :icon=\"ScalarIconDiscordLogo\"\n      target=\"_blank\">\n      Discord\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://github.com/scalar/scalar\"\n      :icon=\"ScalarIconGithubLogo\"\n      target=\"_blank\">\n      GitHub\n    </ScalarMenuLink>\n  </ScalarMenuSection>\n</template>\n"],"mappings":";;;;;;;;uBAmBE,YAcoB,2BAAA,MAAA;IAbP,OAAK,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAT,aAAS,GAAA,CAAA,EAAA,CAAA;2BAMT,CALjB,YAKiB,wBAAA;KAJf,MAAK;KACJ,MAAM,MAAA,sBAAqB;KAC5B,QAAO;;4BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,aAElB,GAAA,CAAA,EAAA,CAAA;;qBACA,YAKiB,wBAAA;KAJf,MAAK;KACJ,MAAM,MAAA,qBAAoB;KAC3B,QAAO;;4BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,YAElB,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarMenuSupport.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Support component\n *\n * Displays community and social links (Discord, GitHub) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuSupport />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconDiscordLogo, ScalarIconGithubLogo } from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n  <ScalarMenuSection>\n    <template #title>Resources</template>\n    <ScalarMenuLink\n      href=\"https://discord.gg/scalar\"\n      :icon=\"ScalarIconDiscordLogo\"\n      target=\"_blank\">\n      Discord\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://github.com/scalar/scalar\"\n      :icon=\"ScalarIconGithubLogo\"\n      target=\"_blank\">\n      GitHub\n    </ScalarMenuLink>\n  </ScalarMenuSection>\n</template>\n"],"mappings":";;;;;;;;uBAmBE,YAcoB,2BAAA,MAAA;IAbP,OAAK,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAT,aAAS,EAAA,CAAA,EAAA,CAAA;2BAMT,CALjB,YAKiB,wBAAA;KAJf,MAAK;KACJ,MAAM,MAAA,qBAAA;KACP,QAAO;;4BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,aAElB,EAAA,CAAA,EAAA,CAAA;;qBACA,YAKiB,wBAAA;KAJf,MAAK;KACJ,MAAM,MAAA,oBAAA;KACP,QAAO;;4BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,YAElB,EAAA,CAAA,EAAA,CAAA"}

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"AA6HA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAI9D;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,kCAAkC;WAC3B,oBAAoB,GAAG,SAAS;IACvC,uCAAuC;WAChC,oBAAoB,EAAE;IAC7B,+CAA+C;mBAChC,OAAO;;;;;IALtB,kCAAkC;WAC3B,oBAAoB,GAAG,SAAS;IACvC,uCAAuC;WAChC,oBAAoB,EAAE;IAC7B,+CAA+C;mBAChC,OAAO;;;;kFA+PpB,CAAC"}
+{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"AA6HA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAI9D;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,kCAAkC;WAC3B,oBAAoB,GAAG,SAAS;IACvC,uCAAuC;WAChC,oBAAoB,EAAE;IAC7B,+CAA+C;mBAChC,OAAO;;;;;IALtB,kCAAkC;WAC3B,oBAAoB,GAAG,SAAS;IACvC,uCAAuC;WAChC,oBAAoB,EAAE;IAC7B,+CAA+C;mBAChC,OAAO;;;;kFAgQpB,CAAC"}

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.script.js

@@ -6,7 +6,7 @@ import ScalarMenuTeamProfile_default from "./ScalarMenuTeamProfile.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, unref, withCtx } from "vue";
 import { ScalarIconCaretRight, ScalarIconPlus, ScalarIconUserSwitch } from "@scalar/icons";
 import { DropdownMenu } from "radix-vue/namespaced";
-var ScalarMenuTeamPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuTeamPicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMenuTeamPicker",
 	props: {

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamPicker.vue.script.js","names":["$attrs"],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between teams\n * or create a new team.\n *\n * @example\n * <ScalarMenuTeamPicker :teams=\"teams\" :team=\"currentTeam\" @update:team=\"setTeam\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconUserSwitch,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { computed } from 'vue'\n\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownMenu,\n  ScalarListboxCheckbox,\n} from '../..'\nimport { ScalarMenuLink, type ScalarMenuTeamOption } from './'\nimport ScalarMenuTeamProfile from './ScalarMenuTeamProfile.vue'\n\nconst {\n  team,\n  teams,\n  allowAddTeam = true,\n} = defineProps<{\n  /** The currently selected team */\n  team?: ScalarMenuTeamOption | undefined\n  /** The list of teams to choose from */\n  teams: ScalarMenuTeamOption[]\n  /** Whether to disable the \"Add team\" button */\n  allowAddTeam?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected team changes */\n  (e: 'update:team', value: ScalarMenuTeamOption | undefined): void\n  /** Emitted when the user clicks the \"Create new team\" button */\n  (e: 'add'): void\n}>()\n\n/** A model that tracks the team id */\nconst model = computed<string | undefined>({\n  get: () => team?.id,\n  set: (v) =>\n    emit(\n      'update:team',\n      teams.find((t) => t.id === v),\n    ),\n})\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconUserSwitch\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change team</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-px size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <DropdownMenu.RadioItem\n            v-for=\"t in teams\"\n            :key=\"t.id\"\n            :as=\"ScalarDropdownButton\"\n            class=\"group/item flex items-center\"\n            :value=\"t.id\">\n            <ScalarMenuTeamProfile\n              class=\"-ml-0.75 flex-1 min-w-0\"\n              :label=\"t.label\"\n              :src=\"t.src\" />\n            <ScalarListboxCheckbox\n              class=\"ml-auto\"\n              :selected=\"t.id === model\" />\n          </DropdownMenu.RadioItem>\n        </DropdownMenu.RadioGroup>\n        <DropdownMenu.Item\n          v-if=\"allowAddTeam\"\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('add')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3\"\n            weight=\"bold\" />\n          Create new team\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA0CA,MAAM,OAAO;;EAQb,MAAM,QAAQ,SAA6B;GACzC,WAAW,QAAA,MAAM;GACjB,MAAM,MACJ,KACE,eACA,QAAA,MAAM,MAAM,MAAM,EAAE,OAAO,EAAE,CAC9B;GACJ,CAAA;;uBAKC,YA6CmB,MAAA,aAAA,CAAA,KAAA,MAAA;2BApCA,CARjB,YAQiB,MAAA,uBAAA,EARjB,WAQiB;KAPd,MAAM,MAAA,qBAAoB;KAC3B,SAAA;OACQA,KAAAA,OAAM,EAAA;4BACQ,CAAA,OAAA,OAAA,OAAA,KAAtB,mBAAsB,OAAA,MAAjB,eAAW,GAAA,GAChB,YAEkB,MAAA,qBAAA,EAAA;MADhB,OAAM;MACN,QAAO;;;sBAEX,YAkCsB,MAAA,aAAA,CAAA,QAAA,MAAA;4BADM,CAhC1B,YAgC0B,MAAA,aAAA,CAAA,YAAA;MA/BvB,IAAI,MAAA,2BAAkB;MACvB,OAAM;MACL,YAAY;;6BAkBa,CAjB1B,YAiB0B,MAAA,aAAA,CAAA,YAAA;mBAhBf,MAAA;0EAAK,QAAA;OACd,OAAM;;8BAEc,EAAA,UAAA,KAAA,EADpB,mBAayB,UAAA,MAAA,WAZX,QAAA,QAAL,MAAC;4BADV,YAayB,MAAA,aAAA,CAAA,WAAA;SAXtB,KAAK,EAAE;SACP,IAAI,MAAA,6BAAoB;SACzB,OAAM;SACL,OAAO,EAAE;;gCAIO,CAHjB,YAGiB,+BAAA;UAFf,OAAM;UACL,OAAO,EAAE;UACT,KAAK,EAAE;wCACV,YAE+B,MAAA,8BAAA,EAAA;UAD7B,OAAM;UACL,UAAU,EAAE,OAAO,MAAA;;;;;;6BAIlB,QAAA,gBAAA,WAAA,EADR,YASoB,MAAA,aAAA,CAAA,MAAA;;OAPjB,IAAI,MAAA,6BAAoB;OACzB,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA;;8BAGM,CAFlB,YAEkB,MAAA,eAAA,EAAA;QADhB,OAAM;QACN,QAAO;qDAAS,qBAEpB,GAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarMenuTeamPicker.vue.script.js","names":["$attrs"],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between teams\n * or create a new team.\n *\n * @example\n * <ScalarMenuTeamPicker :teams=\"teams\" :team=\"currentTeam\" @update:team=\"setTeam\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconUserSwitch,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { computed } from 'vue'\n\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownMenu,\n  ScalarListboxCheckbox,\n} from '../..'\nimport { ScalarMenuLink, type ScalarMenuTeamOption } from './'\nimport ScalarMenuTeamProfile from './ScalarMenuTeamProfile.vue'\n\nconst {\n  team,\n  teams,\n  allowAddTeam = true,\n} = defineProps<{\n  /** The currently selected team */\n  team?: ScalarMenuTeamOption | undefined\n  /** The list of teams to choose from */\n  teams: ScalarMenuTeamOption[]\n  /** Whether to disable the \"Add team\" button */\n  allowAddTeam?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected team changes */\n  (e: 'update:team', value: ScalarMenuTeamOption | undefined): void\n  /** Emitted when the user clicks the \"Create new team\" button */\n  (e: 'add'): void\n}>()\n\n/** A model that tracks the team id */\nconst model = computed<string | undefined>({\n  get: () => team?.id,\n  set: (v) =>\n    emit(\n      'update:team',\n      teams.find((t) => t.id === v),\n    ),\n})\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconUserSwitch\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change team</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-px size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <DropdownMenu.RadioItem\n            v-for=\"t in teams\"\n            :key=\"t.id\"\n            :as=\"ScalarDropdownButton\"\n            class=\"group/item flex items-center\"\n            :value=\"t.id\">\n            <ScalarMenuTeamProfile\n              class=\"-ml-0.75 flex-1 min-w-0\"\n              :label=\"t.label\"\n              :src=\"t.src\" />\n            <ScalarListboxCheckbox\n              class=\"ml-auto\"\n              :selected=\"t.id === model\" />\n          </DropdownMenu.RadioItem>\n        </DropdownMenu.RadioGroup>\n        <DropdownMenu.Item\n          v-if=\"allowAddTeam\"\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('add')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3\"\n            weight=\"bold\" />\n          Create new team\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA0CA,MAAM,OAAO;;EAQb,MAAM,QAAQ,SAA6B;GACzC,WAAW,QAAA,MAAM;GACjB,MAAM,MACJ,KACE,eACA,QAAA,MAAM,MAAM,MAAM,EAAE,OAAO,CAAC,CAC9B;EACJ,CAAC;;uBAKC,YA6CmB,MAAA,YAAA,CAAA,CAAA,KAAA,MAAA;2BApCA,CARjB,YAQiB,MAAA,sBAAA,GARjB,WAQiB;KAPd,MAAM,MAAA,oBAAA;KACP,SAAA;OACQA,KAAAA,MAAM,GAAA;4BACQ,CAAA,OAAA,OAAA,OAAA,KAAtB,mBAAsB,OAAA,MAAjB,eAAW,EAAA,IAChB,YAEkB,MAAA,oBAAA,GAAA;MADhB,OAAM;MACN,QAAO;;;sBAEX,YAkCsB,MAAA,YAAA,CAAA,CAAA,QAAA,MAAA;4BADM,CAhC1B,YAgC0B,MAAA,YAAA,CAAA,CAAA,YAAA;MA/BvB,IAAI,MAAA,0BAAA;MACL,OAAM;MACL,YAAY;;6BAkBa,CAjB1B,YAiB0B,MAAA,YAAA,CAAA,CAAA,YAAA;mBAhBf,MAAA;0EAAK,QAAA;OACd,OAAM;;8BAEc,EAAA,UAAA,IAAA,GADpB,mBAayB,UAAA,MAAA,WAZX,QAAA,QAAL,MAAC;4BADV,YAayB,MAAA,YAAA,CAAA,CAAA,WAAA;SAXtB,KAAK,EAAE;SACP,IAAI,MAAA,4BAAA;SACL,OAAM;SACL,OAAO,EAAE;;gCAIO,CAHjB,YAGiB,+BAAA;UAFf,OAAM;UACL,OAAO,EAAE;UACT,KAAK,EAAE;wCACV,YAE+B,MAAA,6BAAA,GAAA;UAD7B,OAAM;UACL,UAAU,EAAE,OAAO,MAAA;;;;;;6BAIlB,QAAA,gBAAA,UAAA,GADR,YASoB,MAAA,YAAA,CAAA,CAAA,MAAA;;OAPjB,IAAI,MAAA,4BAAA;OACL,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,KAAA;;8BAGM,CAFlB,YAEkB,MAAA,cAAA,GAAA;QADhB,OAAM;QACN,QAAO;qDAAS,qBAEpB,EAAA,EAAA,CAAA"}

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.script.js

@@ -12,7 +12,7 @@ var _hoisted_3 = {
 	key: 2,
 	class: "flex-1 truncate"
 };
-var ScalarMenuTeamProfile_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuTeamProfile_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMenuTeamProfile",
 	props: {

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamProfile.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Profile component\n *\n * Displays a team avatar and label. Shows the team image if available,\n * otherwise falls back to the first letter of the label or a default icon.\n *\n * @example\n * <ScalarMenuTeamProfile label=\"My Team\" src=\"/avatar.png\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconUsers } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineProps<{\n  src?: string\n  label?: string\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex h-full items-center gap-1')\">\n    <img\n      v-if=\"src\"\n      class=\"size-5 rounded\"\n      role=\"presentation\"\n      :src=\"src\" />\n    <div\n      v-else\n      aria-hidden=\"true\"\n      class=\"flex items-center justify-center text-3xs font-medium text-c-3 size-5 bg-b-3 rounded\">\n      <template v-if=\"label && label.length > 0\">\n        {{ label[0] }}\n      </template>\n      <ScalarIconUsers\n        v-else\n        class=\"size-3\"\n        weight=\"bold\" />\n    </div>\n    <div\n      v-if=\"label && label.length > 0\"\n      class=\"flex-1 truncate\">\n      {{ label }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAuBM,OAAA,eAAA,mBAvBO,MAAA,GAAE,CAAA,iCAAA,CAAA,CAAA,EAAA,CAEL,QAAA,OAAA,WAAA,EADR,mBAIe,OAAA;;IAFb,OAAM;IACN,MAAK;IACJ,KAAK,QAAA;4CACR,mBAWM,OAXN,YAWM,CAPY,QAAA,SAAS,QAAA,MAAM,SAAM,KAAA,WAAA,EAArC,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,QAAA,MAAK,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,KAAA,WAAA,EAEV,YAGkB,MAAA,gBAAA,EAAA;;IADhB,OAAM;IACN,QAAO;WAGH,QAAA,SAAS,QAAA,MAAM,SAAM,KAAA,WAAA,EAD7B,mBAIM,OAJN,YAIM,gBADD,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarMenuTeamProfile.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Profile component\n *\n * Displays a team avatar and label. Shows the team image if available,\n * otherwise falls back to the first letter of the label or a default icon.\n *\n * @example\n * <ScalarMenuTeamProfile label=\"My Team\" src=\"/avatar.png\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconUsers } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineProps<{\n  src?: string\n  label?: string\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex h-full items-center gap-1')\">\n    <img\n      v-if=\"src\"\n      class=\"size-5 rounded\"\n      role=\"presentation\"\n      :src=\"src\" />\n    <div\n      v-else\n      aria-hidden=\"true\"\n      class=\"flex items-center justify-center text-3xs font-medium text-c-3 size-5 bg-b-3 rounded\">\n      <template v-if=\"label && label.length > 0\">\n        {{ label[0] }}\n      </template>\n      <ScalarIconUsers\n        v-else\n        class=\"size-3\"\n        weight=\"bold\" />\n    </div>\n    <div\n      v-if=\"label && label.length > 0\"\n      class=\"flex-1 truncate\">\n      {{ label }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAuBM,OAAA,eAAA,mBAvBO,MAAA,EAAA,CAAE,CAAA,gCAAA,CAAA,CAAA,GAAA,CAEL,QAAA,OAAA,UAAA,GADR,mBAIe,OAAA;;IAFb,OAAM;IACN,MAAK;IACJ,KAAK,QAAA;4CACR,mBAWM,OAXN,YAWM,CAPY,QAAA,SAAS,QAAA,MAAM,SAAM,KAAA,UAAA,GAArC,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADN,QAAA,MAAK,EAAA,GAAA,CAAA,CAAA,GAAA,EAAA,MAAA,UAAA,GAEV,YAGkB,MAAA,eAAA,GAAA;;IADhB,OAAM;IACN,QAAO;WAGH,QAAA,SAAS,QAAA,MAAM,SAAM,KAAA,UAAA,GAD7B,mBAIM,OAJN,YAIM,gBADD,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuWorkspacePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue"],"names":[],"mappings":"AA4HA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,kBAAkB,CAAA;AAGzB,MAAM,MAAM,cAAc,GAAG;IAC3B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,OAAO,EAAE,mBAAmB,EAAE,CAAA;CAC/B,CAAA;AAGD;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,4CAA4C;sBAC1B,cAAc,EAAE;;iBAiBvB,MAAM,GAAG,SAAS;;;;;;IAlB7B,4CAA4C;sBAC1B,cAAc,EAAE;;iBAiBvB,MAAM,GAAG,SAAS;;;;kFAmQ3B,CAAC"}
+{"version":3,"file":"ScalarMenuWorkspacePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue"],"names":[],"mappings":"AA4HA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,kBAAkB,CAAA;AAGzB,MAAM,MAAM,cAAc,GAAG;IAC3B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,OAAO,EAAE,mBAAmB,EAAE,CAAA;CAC/B,CAAA;AAGD;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,4CAA4C;sBAC1B,cAAc,EAAE;;iBAiBvB,MAAM,GAAG,SAAS;;;;;;IAlB7B,4CAA4C;sBAC1B,cAAc,EAAE;;iBAiBvB,MAAM,GAAG,SAAS;;;;kFAsQ3B,CAAC"}

package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.script.js

@@ -7,14 +7,14 @@ import { ScalarIconCaretRight, ScalarIconPlus, ScalarIconSwap } from "@scalar/ic
 import { DropdownMenu } from "radix-vue/namespaced";
 //#region src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex h-full items-center gap-1 flex-1 truncate" };
-var ScalarMenuWorkspacePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuWorkspacePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMenuWorkspacePicker",
-	props: /* @__PURE__ */ mergeModels({ workspaceOptions: {} }, {
+	props: /*@__PURE__*/ mergeModels({ workspaceOptions: {} }, {
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["createWorkspace"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["createWorkspace"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const model = useModel(__props, "modelValue");

package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuWorkspacePicker.vue.script.js","names":["$attrs"],"sources":["../../../src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Workspace Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between\n * workspaces or create a new one.\n *\n * @example\n * <ScalarMenuWorkspacePicker v-model=\"workspaceId\" :workspaceOptions=\"groups\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconSwap,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\n\nimport { ScalarDropdownButton, ScalarDropdownMenu } from '../ScalarDropdown'\nimport {\n  ScalarListboxCheckbox,\n  type ScalarListboxOption,\n} from '../ScalarListbox'\nimport ScalarMenuLink from './ScalarMenuLink.vue'\n\nexport type WorkspaceGroup = {\n  /** Label for the group */\n  label?: string\n  /** Options within the group */\n  options: ScalarListboxOption[]\n}\n\nconst { workspaceOptions } = defineProps<{\n  /** The list of workspaces to choose from */\n  workspaceOptions: WorkspaceGroup[]\n}>()\n\nconst emit = defineEmits<{\n  /** Create a new workspace */\n  (e: 'createWorkspace'): void\n}>()\n\nconst model = defineModel<string | undefined>()\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconSwap\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change workspace</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-px size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <template\n            v-for=\"(group, groupIndex) in workspaceOptions\"\n            :key=\"groupIndex\">\n            <!-- Group label (only shown if there's a label) -->\n            <DropdownMenu.Label\n              v-if=\"group.label\"\n              class=\"px-3 py-1.5 text-xs font-medium text-c-3 select-none\">\n              {{ group.label }}\n            </DropdownMenu.Label>\n\n            <!-- Group items -->\n            <DropdownMenu.RadioItem\n              v-for=\"w in group.options\"\n              :key=\"w.id\"\n              :as=\"ScalarDropdownButton\"\n              class=\"group/item flex items-center\"\n              :value=\"w.id\">\n              <div class=\"flex h-full items-center gap-1 flex-1 truncate\">\n                {{ w.label }}\n              </div>\n              <ScalarListboxCheckbox\n                class=\"ml-auto\"\n                :selected=\"w.id === model\" />\n            </DropdownMenu.RadioItem>\n\n            <!-- Group separator (only between groups, not after the last one) -->\n            <DropdownMenu.Separator\n              v-if=\"groupIndex < workspaceOptions.length - 1\"\n              class=\"h-px bg-b-3 my-1.5\" />\n          </template>\n        </DropdownMenu.RadioGroup>\n\n        <DropdownMenu.Item\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('createWorkspace')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3\"\n            weight=\"bold\" />\n          Create workspace\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuCA,MAAM,OAAO;EAKb,MAAM,QAAQ,SAA+B,SAAA,aAAC;;uBAK5C,YA8DmB,MAAA,aAAA,CAAA,KAAA,MAAA;2BArDA,CARjB,YAQiB,wBARjB,WAQiB;KAPd,MAAM,MAAA,eAAc;KACrB,SAAA;OACQA,KAAAA,OAAM,EAAA;4BACa,CAAA,OAAA,OAAA,OAAA,KAA3B,mBAA2B,OAAA,MAAtB,oBAAgB,GAAA,GACrB,YAEkB,MAAA,qBAAA,EAAA;MADhB,OAAM;MACN,QAAO;;;sBAGX,YAkDsB,MAAA,aAAA,CAAA,QAAA,MAAA;4BADM,CAhD1B,YAgD0B,MAAA,aAAA,CAAA,YAAA;MA/CvB,IAAI,MAAA,2BAAkB;MACvB,OAAM;MACL,YAAY;;6BAkCa,CAjC1B,YAiC0B,MAAA,aAAA,CAAA,YAAA;mBAhCf,MAAA;0EAAK,QAAA;OACd,OAAM;;8BAE2C,EAAA,UAAA,KAAA,EADjD,mBA6BW,UAAA,MAAA,WA5BqB,QAAA,mBAAtB,OAAO,eAAU;gEACnB,YAAU,EAAA;SAGR,MAAM,SAAA,WAAA,EADd,YAIqB,MAAA,aAAA,CAAA,OAAA;;UAFnB,OAAM;;iCACW,CAAA,gBAAA,gBAAd,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;;2BAIhB,mBAYyB,UAAA,MAAA,WAXX,MAAM,UAAX,MAAC;8BADV,YAYyB,MAAA,aAAA,CAAA,WAAA;WAVtB,KAAK,EAAE;WACP,IAAI,MAAA,6BAAoB;WACzB,OAAM;WACL,OAAO,EAAE;;kCAGJ,CAFN,mBAEM,OAFN,YAEM,gBADD,EAAE,MAAK,EAAA,EAAA,EAEZ,YAE+B,MAAA,8BAAA,EAAA;YAD7B,OAAM;YACL,UAAU,EAAE,OAAO,MAAA;;;;;SAKhB,aAAa,QAAA,iBAAiB,SAAM,KAAA,WAAA,EAD5C,YAE+B,MAAA,aAAA,CAAA,WAAA;;UAA7B,OAAM;;;;;6BAIZ,YAQoB,MAAA,aAAA,CAAA,MAAA;OAPjB,IAAI,MAAA,6BAAoB;OACzB,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,kBAAA;;8BAGM,CAFlB,YAEkB,MAAA,eAAA,EAAA;QADhB,OAAM;QACN,QAAO;qDAAS,sBAEpB,GAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarMenuWorkspacePicker.vue.script.js","names":["$attrs"],"sources":["../../../src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Workspace Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between\n * workspaces or create a new one.\n *\n * @example\n * <ScalarMenuWorkspacePicker v-model=\"workspaceId\" :workspaceOptions=\"groups\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconSwap,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\n\nimport { ScalarDropdownButton, ScalarDropdownMenu } from '../ScalarDropdown'\nimport {\n  ScalarListboxCheckbox,\n  type ScalarListboxOption,\n} from '../ScalarListbox'\nimport ScalarMenuLink from './ScalarMenuLink.vue'\n\nexport type WorkspaceGroup = {\n  /** Label for the group */\n  label?: string\n  /** Options within the group */\n  options: ScalarListboxOption[]\n}\n\nconst { workspaceOptions } = defineProps<{\n  /** The list of workspaces to choose from */\n  workspaceOptions: WorkspaceGroup[]\n}>()\n\nconst emit = defineEmits<{\n  /** Create a new workspace */\n  (e: 'createWorkspace'): void\n}>()\n\nconst model = defineModel<string | undefined>()\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconSwap\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change workspace</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-px size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <template\n            v-for=\"(group, groupIndex) in workspaceOptions\"\n            :key=\"groupIndex\">\n            <!-- Group label (only shown if there's a label) -->\n            <DropdownMenu.Label\n              v-if=\"group.label\"\n              class=\"px-3 py-1.5 text-xs font-medium text-c-3 select-none\">\n              {{ group.label }}\n            </DropdownMenu.Label>\n\n            <!-- Group items -->\n            <DropdownMenu.RadioItem\n              v-for=\"w in group.options\"\n              :key=\"w.id\"\n              :as=\"ScalarDropdownButton\"\n              class=\"group/item flex items-center\"\n              :value=\"w.id\">\n              <div class=\"flex h-full items-center gap-1 flex-1 truncate\">\n                {{ w.label }}\n              </div>\n              <ScalarListboxCheckbox\n                class=\"ml-auto\"\n                :selected=\"w.id === model\" />\n            </DropdownMenu.RadioItem>\n\n            <!-- Group separator (only between groups, not after the last one) -->\n            <DropdownMenu.Separator\n              v-if=\"groupIndex < workspaceOptions.length - 1\"\n              class=\"h-px bg-b-3 my-1.5\" />\n          </template>\n        </DropdownMenu.RadioGroup>\n\n        <DropdownMenu.Item\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('createWorkspace')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3\"\n            weight=\"bold\" />\n          Create workspace\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuCA,MAAM,OAAO;EAKb,MAAM,QAAQ,SAA+B,SAAA,YAAC;;uBAK5C,YA8DmB,MAAA,YAAA,CAAA,CAAA,KAAA,MAAA;2BArDA,CARjB,YAQiB,wBARjB,WAQiB;KAPd,MAAM,MAAA,cAAA;KACP,SAAA;OACQA,KAAAA,MAAM,GAAA;4BACa,CAAA,OAAA,OAAA,OAAA,KAA3B,mBAA2B,OAAA,MAAtB,oBAAgB,EAAA,IACrB,YAEkB,MAAA,oBAAA,GAAA;MADhB,OAAM;MACN,QAAO;;;sBAGX,YAkDsB,MAAA,YAAA,CAAA,CAAA,QAAA,MAAA;4BADM,CAhD1B,YAgD0B,MAAA,YAAA,CAAA,CAAA,YAAA;MA/CvB,IAAI,MAAA,0BAAA;MACL,OAAM;MACL,YAAY;;6BAkCa,CAjC1B,YAiC0B,MAAA,YAAA,CAAA,CAAA,YAAA;mBAhCf,MAAA;0EAAK,QAAA;OACd,OAAM;;8BAE2C,EAAA,UAAA,IAAA,GADjD,mBA6BW,UAAA,MAAA,WA5BqB,QAAA,mBAAtB,OAAO,eAAU;gEACnB,WAAU,GAAA;SAGR,MAAM,SAAA,UAAA,GADd,YAIqB,MAAA,YAAA,CAAA,CAAA,OAAA;;UAFnB,OAAM;;iCACW,CAAA,gBAAA,gBAAd,MAAM,KAAK,GAAA,CAAA,CAAA,CAAA;;;2BAIhB,mBAYyB,UAAA,MAAA,WAXX,MAAM,UAAX,MAAC;8BADV,YAYyB,MAAA,YAAA,CAAA,CAAA,WAAA;WAVtB,KAAK,EAAE;WACP,IAAI,MAAA,4BAAA;WACL,OAAM;WACL,OAAO,EAAE;;kCAGJ,CAFN,mBAEM,OAFN,YAEM,gBADD,EAAE,KAAK,GAAA,CAAA,GAEZ,YAE+B,MAAA,6BAAA,GAAA;YAD7B,OAAM;YACL,UAAU,EAAE,OAAO,MAAA;;;;;SAKhB,aAAa,QAAA,iBAAiB,SAAM,KAAA,UAAA,GAD5C,YAE+B,MAAA,YAAA,CAAA,CAAA,WAAA;;UAA7B,OAAM;;;;;6BAIZ,YAQoB,MAAA,YAAA,CAAA,CAAA,MAAA;OAPjB,IAAI,MAAA,4BAAA;OACL,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAA;;8BAGM,CAFlB,YAEkB,MAAA,cAAA,GAAA;QADhB,OAAM;QACN,QAAO;qDAAS,sBAEpB,EAAA,EAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"names":[],"mappings":"AAyOA;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAIzC,+CAA+C;AAC/C,wBAAgB,QAAQ;;;;EAUvB;AACD,QAAA,MAAM,YAAY;WAIT,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;WAHV,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;cAqOL,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUzC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"names":[],"mappings":"AAyOA;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAIzC,+CAA+C;AAC/C,wBAAgB,QAAQ;;;;EAUvB;AACD,QAAA,MAAM,YAAY;WAIT,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;WAHV,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;cAuOL,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUzC,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/ScalarModal/ScalarModal.vue.js

@@ -1,9 +1,9 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
-import ScalarModal_vue_vue_type_script_setup_true_lang_default from "./ScalarModal.vue.script.js";
+import ScalarModal_vue_vue_type_script_setup_true_lang_default, { useModal } from "./ScalarModal.vue.script.js";
 /* empty css                          */
 //#region src/components/ScalarModal/ScalarModal.vue
-var ScalarModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ScalarModal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5bb1dcc2"]]);
+var ScalarModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarModal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5bb1dcc2"]]);
 //#endregion
-export { ScalarModal_default as default };
+export { ScalarModal_default as default, useModal };
 
 //# sourceMappingURL=ScalarModal.vue.js.map

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

@@ -32,7 +32,7 @@ function useModal() {
 		}
 	});
 }
-var ScalarModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	...__default__,
 	__name: "ScalarModal",
 	props: {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarModal.vue.script.js","names":[],"sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/vue'\nimport { ScalarIconX } from '@scalar/icons'\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\nimport type { VariantProps } from 'cva'\nimport { reactive } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\n\ntype ModalVariants = VariantProps<typeof modal>\n\nconst { size = 'md' } = defineProps<{\n  state: ReturnType<typeof useModal>\n  title?: string\n  bodyClass?: string\n  maxWidth?: string\n  size?: ModalVariants['size']\n  variant?: ModalVariants['variant']\n}>()\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n}>()\n\nconst modal = cva({\n  base: [\n    'scalar-modal',\n    'flex flex-col relative mb-0 rounded-lg bg-b-1 p-0 text-left leading-snug text-c-1 opacity-0 w-[calc(100vw-12px)] md:w-[calc(100vw-16px)] lg:w-[calc(100vw-32px)]',\n  ].join(' '),\n  variants: {\n    size: {\n      xxs: 'mt-[20svh] max-h-[60svh] max-w-[360px]',\n      xs: 'mt-[20svh] max-h-[60svh] max-w-[480px]',\n      sm: 'mt-[20svh] max-h-[60svh] max-w-[540px]',\n      md: 'mt-[20svh] max-h-[60svh] max-w-[640px]',\n      lg: 'm-auto max-h-[80svh] max-w-[800px]',\n      xl: 'm-auto max-h-[90svh] max-w-[1000px]',\n      full: 'full-size-styles max-h-dvh mt-0 lg:w-full',\n    },\n    variant: {\n      form: 'scalar-modal-form',\n      search: 'scalar-modal-search mt-[15svh] max-h-[60svh] max-w-[540px]',\n      error: 'scalar-modal-error',\n    },\n  },\n})\nconst body = cva({\n  base: ['scalar-modal-body', 'relative flex-1 min-h-0 p-3'].join(' '),\n  variants: {\n    variant: {\n      form: 'overflow-visible',\n      search: 'flex flex-col !m-0 overflow-hidden p-0',\n      error: 'overflow-y-scroll',\n    },\n    size: {\n      xxs: '',\n      xs: '',\n      sm: '',\n      md: '',\n      lg: '',\n      xl: 'm-0 p-0',\n      full: ' rounded-none',\n    },\n  },\n})\n</script>\n<script lang=\"ts\">\n/**\n * Scalar Modal component\n *\n * A dialog overlay with configurable size and variant.\n * Use the {@link useModal} hook to control the open state.\n *\n * @example\n * <ScalarModal :state=\"modal\" title=\"My Modal\">\n *   Modal content\n * </ScalarModal>\n */\nexport default {}\n\n/** Hook for creating a reactive modal state */\nexport function useModal() {\n  return reactive({\n    open: false,\n    show() {\n      this.open = true\n    },\n    hide() {\n      this.open = false\n    },\n  })\n}\n</script>\n<template>\n  <Dialog\n    :open=\"state.open\"\n    @close=\"\n      () => {\n        state.hide()\n        emit('close')\n      }\n    \">\n    <div\n      :class=\"\n        cx(\n          size === 'full' ? 'scalar-modal-layout-full' : 'scalar-modal-layout',\n          'fixed left-0 top-0 flex items-start justify-center',\n          'z-overlay h-dvh w-dvw',\n          'bg-backdrop opacity-0 dark:bg-backdrop-dark',\n          size === 'full' && 'flex',\n        )\n      \">\n      <DialogPanel\n        :class=\"modal({ size, variant })\"\n        :style=\"{ maxWidth }\">\n        <DialogTitle\n          v-if=\"title\"\n          class=\"scalar-modal-header m-0 -mb-1 rounded-lg pt-3 px-3 text-left text-sm font-medium text-c-1\">\n          {{ title }}\n        </DialogTitle>\n        <div\n          v-if=\"size === 'full'\"\n          :class=\"bodyClass\">\n          <slot />\n        </div>\n        <div\n          v-else\n          :class=\"cx(body({ size, variant }), bodyClass)\">\n          <slot />\n        </div>\n      </DialogPanel>\n      <div\n        v-if=\"size === 'full'\"\n        class=\"close-button z-10 fixed right-2 top-2\">\n        <ScalarIconButton\n          class=\"hover:bg-b-3 focus:outline-none\"\n          :icon=\"ScalarIconX\"\n          label=\"Close modal\"\n          @click=\"state.hide()\" />\n      </div>\n    </div>\n  </Dialog>\n</template>\n<style scoped>\n@reference '../../style.css';\n\n.scalar-modal-layout {\n  animation: fadein-layout ease-in-out 0.3s forwards;\n}\n.scalar-modal {\n  animation: fadein-modal ease-in-out 0.3s forwards;\n  animation-delay: 0.1s;\n  box-shadow: var(--scalar-shadow-2);\n  transform: translate3d(0, 10px, 0);\n}\n.scalar-modal-layout-full {\n  opacity: 1 !important;\n  background: transparent !important;\n}\n.modal-content-search .modal-body {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  max-height: 440px;\n}\n/*\n * Allow the modal to fill more space on\n * very short (or very zoomed in) screens\n */\n@variant zoomed {\n  .scalar-modal-layout .scalar-modal {\n    margin-top: 5svh;\n    max-height: 90svh;\n  }\n}\n@keyframes fadein-layout {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadein-modal {\n  0% {\n    opacity: 0;\n    transform: translate3d(0, 10px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n.full-size-styles {\n  transform: translate3d(0, 0, 0);\n  animation: fadein-layout ease-in-out 0.3s forwards;\n  max-height: 100% !important;\n  top: 0 !important;\n  left: 0;\n  position: absolute !important;\n  margin: initial;\n  border-radius: 0 !important;\n  background-color: var(--scalar-background-1) !important;\n  box-shadow: none !important;\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n@variant md {\n  .full-size-styles {\n    width: 50dvw !important;\n  }\n}\n.full-size-styles:after {\n  content: '';\n  width: 50dvw;\n  height: 100dvh;\n  position: absolute;\n  right: -50dvw;\n  top: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8EA,IAAA,cAAe,EAAC;;AAGhB,SAAgB,WAAW;AACzB,QAAO,SAAS;EACd,MAAM;EACN,OAAO;AACL,QAAK,OAAO;;EAEd,OAAO;AACL,QAAK,OAAO;;EAEf,CAAA;;;;;;;;;;;;;;;EAtEH,MAAM,OAAO;EAIb,MAAM,QAAQ,IAAI;GAChB,MAAM,CACJ,gBACA,mKACD,CAAC,KAAK,IAAI;GACX,UAAU;IACR,MAAM;KACJ,KAAK;KACL,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,MAAM;KACP;IACD,SAAS;KACP,MAAM;KACN,QAAQ;KACR,OAAO;KACR;IACF;GACF,CAAA;EACD,MAAM,OAAO,IAAI;GACf,MAAM,CAAC,qBAAqB,8BAA8B,CAAC,KAAK,IAAI;GACpE,UAAU;IACR,SAAS;KACP,MAAM;KACN,QAAQ;KACR,OAAO;KACR;IACD,MAAM;KACJ,KAAK;KACL,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,MAAM;KACP;IACF;GACF,CAAA;;uBA8BC,YA+CS,MAAA,OAAA,EAAA;IA9CN,MAAM,QAAA,MAAM;IACZ,SAAK,OAAA,OAAA,OAAA,WAAA;AAAyB,aAAA,MAAM,MAAI;AAAW,UAAI,QAAA;;;2BA4ClD,CAtCN,mBAsCM,OAAA,EArCH,OAAK,eAAW,MAAA,GAAE,CAAY,QAAA,SAAI,SAAA,6BAAA,uBAAA,sDAAA,yBAAA,+CAAwO,QAAA,SAAI,UAAA,OAAA,CAAA,EAAA,EAAA,CAS/Q,YAkBc,MAAA,YAAA,EAAA;KAjBX,OAAK,eAAE,MAAA,MAAK,CAAA;MAAA,MAAG,QAAA;MAAI,SAAE,QAAA;MAAO,CAAA,CAAA;KAC5B,OAAK,eAAA,EAAA,UAAI,QAAA,UAAQ,CAAA;;4BAKJ,CAHN,QAAA,SAAA,WAAA,EADR,YAIc,MAAA,YAAA,EAAA;;MAFZ,OAAM;;6BACK,CAAA,gBAAA,gBAAR,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA;;yCAGF,QAAA,SAAI,UAAA,WAAA,EADZ,mBAIM,OAAA;;MAFH,OAAK,eAAE,QAAA,UAAS;SACjB,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,EAAA,EAAA,KAAA,WAAA,EAEV,mBAIM,OAAA;;MAFH,OAAK,eAAE,MAAA,GAAE,CAAC,MAAA,KAAI,CAAA;OAAA,MAAG,QAAA;OAAI,SAAE,QAAA;OAAO,CAAA,EAAK,QAAA,UAAS,CAAA;SAC7C,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,EAAA,EAAA,EAAA,CAAA;;+BAIJ,QAAA,SAAI,UAAA,WAAA,EADZ,mBAQM,OARN,YAQM,CALJ,YAI0B,MAAA,yBAAA,EAAA;KAHxB,OAAM;KACL,MAAM,MAAA,YAAW;KAClB,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,MAAM,MAAI"}
+{"version":3,"file":"ScalarModal.vue.script.js","names":[],"sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/vue'\nimport { ScalarIconX } from '@scalar/icons'\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\nimport type { VariantProps } from 'cva'\nimport { reactive } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\n\ntype ModalVariants = VariantProps<typeof modal>\n\nconst { size = 'md' } = defineProps<{\n  state: ReturnType<typeof useModal>\n  title?: string\n  bodyClass?: string\n  maxWidth?: string\n  size?: ModalVariants['size']\n  variant?: ModalVariants['variant']\n}>()\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n}>()\n\nconst modal = cva({\n  base: [\n    'scalar-modal',\n    'flex flex-col relative mb-0 rounded-lg bg-b-1 p-0 text-left leading-snug text-c-1 opacity-0 w-[calc(100vw-12px)] md:w-[calc(100vw-16px)] lg:w-[calc(100vw-32px)]',\n  ].join(' '),\n  variants: {\n    size: {\n      xxs: 'mt-[20svh] max-h-[60svh] max-w-[360px]',\n      xs: 'mt-[20svh] max-h-[60svh] max-w-[480px]',\n      sm: 'mt-[20svh] max-h-[60svh] max-w-[540px]',\n      md: 'mt-[20svh] max-h-[60svh] max-w-[640px]',\n      lg: 'm-auto max-h-[80svh] max-w-[800px]',\n      xl: 'm-auto max-h-[90svh] max-w-[1000px]',\n      full: 'full-size-styles max-h-dvh mt-0 lg:w-full',\n    },\n    variant: {\n      form: 'scalar-modal-form',\n      search: 'scalar-modal-search mt-[15svh] max-h-[60svh] max-w-[540px]',\n      error: 'scalar-modal-error',\n    },\n  },\n})\nconst body = cva({\n  base: ['scalar-modal-body', 'relative flex-1 min-h-0 p-3'].join(' '),\n  variants: {\n    variant: {\n      form: 'overflow-visible',\n      search: 'flex flex-col !m-0 overflow-hidden p-0',\n      error: 'overflow-y-scroll',\n    },\n    size: {\n      xxs: '',\n      xs: '',\n      sm: '',\n      md: '',\n      lg: '',\n      xl: 'm-0 p-0',\n      full: ' rounded-none',\n    },\n  },\n})\n</script>\n<script lang=\"ts\">\n/**\n * Scalar Modal component\n *\n * A dialog overlay with configurable size and variant.\n * Use the {@link useModal} hook to control the open state.\n *\n * @example\n * <ScalarModal :state=\"modal\" title=\"My Modal\">\n *   Modal content\n * </ScalarModal>\n */\nexport default {}\n\n/** Hook for creating a reactive modal state */\nexport function useModal() {\n  return reactive({\n    open: false,\n    show() {\n      this.open = true\n    },\n    hide() {\n      this.open = false\n    },\n  })\n}\n</script>\n<template>\n  <Dialog\n    :open=\"state.open\"\n    @close=\"\n      () => {\n        state.hide()\n        emit('close')\n      }\n    \">\n    <div\n      :class=\"\n        cx(\n          size === 'full' ? 'scalar-modal-layout-full' : 'scalar-modal-layout',\n          'fixed left-0 top-0 flex items-start justify-center',\n          'z-overlay h-dvh w-dvw',\n          'bg-backdrop opacity-0 dark:bg-backdrop-dark',\n          size === 'full' && 'flex',\n        )\n      \">\n      <DialogPanel\n        :class=\"modal({ size, variant })\"\n        :style=\"{ maxWidth }\">\n        <DialogTitle\n          v-if=\"title\"\n          class=\"scalar-modal-header m-0 -mb-1 rounded-lg pt-3 px-3 text-left text-sm font-medium text-c-1\">\n          {{ title }}\n        </DialogTitle>\n        <div\n          v-if=\"size === 'full'\"\n          :class=\"bodyClass\">\n          <slot />\n        </div>\n        <div\n          v-else\n          :class=\"cx(body({ size, variant }), bodyClass)\">\n          <slot />\n        </div>\n      </DialogPanel>\n      <div\n        v-if=\"size === 'full'\"\n        class=\"close-button z-10 fixed right-2 top-2\">\n        <ScalarIconButton\n          class=\"hover:bg-b-3 focus:outline-none\"\n          :icon=\"ScalarIconX\"\n          label=\"Close modal\"\n          @click=\"state.hide()\" />\n      </div>\n    </div>\n  </Dialog>\n</template>\n<style scoped>\n@reference '../../style.css';\n\n.scalar-modal-layout {\n  animation: fadein-layout ease-in-out 0.3s forwards;\n}\n.scalar-modal {\n  animation: fadein-modal ease-in-out 0.3s forwards;\n  animation-delay: 0.1s;\n  box-shadow: var(--scalar-shadow-2);\n  transform: translate3d(0, 10px, 0);\n}\n.scalar-modal-layout-full {\n  opacity: 1 !important;\n  background: transparent !important;\n}\n.modal-content-search .modal-body {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  max-height: 440px;\n}\n/*\n * Allow the modal to fill more space on\n * very short (or very zoomed in) screens\n */\n@variant zoomed {\n  .scalar-modal-layout .scalar-modal {\n    margin-top: 5svh;\n    max-height: 90svh;\n  }\n}\n@keyframes fadein-layout {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadein-modal {\n  0% {\n    opacity: 0;\n    transform: translate3d(0, 10px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n.full-size-styles {\n  transform: translate3d(0, 0, 0);\n  animation: fadein-layout ease-in-out 0.3s forwards;\n  max-height: 100% !important;\n  top: 0 !important;\n  left: 0;\n  position: absolute !important;\n  margin: initial;\n  border-radius: 0 !important;\n  background-color: var(--scalar-background-1) !important;\n  box-shadow: none !important;\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n@variant md {\n  .full-size-styles {\n    width: 50dvw !important;\n  }\n}\n.full-size-styles:after {\n  content: '';\n  width: 50dvw;\n  height: 100dvh;\n  position: absolute;\n  right: -50dvw;\n  top: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8EA,IAAA,cAAe,CAAC;;AAGhB,SAAgB,WAAW;CACzB,OAAO,SAAS;EACd,MAAM;EACN,OAAO;GACL,KAAK,OAAO;EACd;EACA,OAAO;GACL,KAAK,OAAO;EACd;CACF,CAAC;AACH;;;;;;;;;;;;;;EAvEA,MAAM,OAAO;EAIb,MAAM,QAAQ,IAAI;GAChB,MAAM,CACJ,gBACA,kKACF,CAAC,CAAC,KAAK,GAAG;GACV,UAAU;IACR,MAAM;KACJ,KAAK;KACL,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,MAAM;IACR;IACA,SAAS;KACP,MAAM;KACN,QAAQ;KACR,OAAO;IACT;GACF;EACF,CAAC;EACD,MAAM,OAAO,IAAI;GACf,MAAM,CAAC,qBAAqB,6BAA6B,CAAC,CAAC,KAAK,GAAG;GACnE,UAAU;IACR,SAAS;KACP,MAAM;KACN,QAAQ;KACR,OAAO;IACT;IACA,MAAM;KACJ,KAAK;KACL,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,MAAM;IACR;GACF;EACF,CAAC;;uBA8BC,YA+CS,MAAA,MAAA,GAAA;IA9CN,MAAM,QAAA,MAAM;IACZ,SAAK,OAAA,OAAA,OAAA,WAAA;KAAyB,QAAA,MAAM,KAAI;KAAW,KAAI,OAAA;;;2BA4ClD,CAtCN,mBAsCM,OAAA,EArCH,OAAK,eAAW,MAAA,EAAA,CAAE,CAAY,QAAA,SAAI,SAAA,6BAAA,uBAAA,sDAAA,yBAAA,+CAAwO,QAAA,SAAI,UAAA,MAAA,CAAA,EAAA,GAAA,CAS/Q,YAkBc,MAAA,WAAA,GAAA;KAjBX,OAAK,eAAE,MAAA,KAAA,CAAK,CAAA;MAAA,MAAG,QAAA;MAAI,SAAE,QAAA;KAAO,CAAA,CAAA;KAC5B,OAAK,eAAA,EAAA,UAAI,QAAA,SAAQ,CAAA;;4BAKJ,CAHN,QAAA,SAAA,UAAA,GADR,YAIc,MAAA,WAAA,GAAA;;MAFZ,OAAM;;6BACK,CAAA,gBAAA,gBAAR,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;yCAGF,QAAA,SAAI,UAAA,UAAA,GADZ,mBAIM,OAAA;;MAFH,OAAK,eAAE,QAAA,SAAS;SACjB,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,CAAA,MAAA,UAAA,GAEV,mBAIM,OAAA;;MAFH,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAA,IAAA,CAAI,CAAA;OAAA,MAAG,QAAA;OAAI,SAAE,QAAA;MAAO,CAAA,GAAK,QAAA,SAAS,CAAA;SAC7C,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,CAAA,EAAA,CAAA;;+BAIJ,QAAA,SAAI,UAAA,UAAA,GADZ,mBAQM,OARN,YAQM,CALJ,YAI0B,MAAA,wBAAA,GAAA;KAHxB,OAAM;KACL,MAAM,MAAA,WAAA;KACP,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,MAAM,KAAI"}

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

@@ -3,7 +3,7 @@ import ScalarFloatingBackdrop_default from "../ScalarFloating/ScalarFloatingBack
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { Popover, PopoverButton, PopoverPanel } from "@headlessui/vue";
-var ScalarPopover_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarPopover_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarPopover",
 	props: {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarPopover.vue.script.js","names":["$props"],"sources":["../../../src/components/ScalarPopover/ScalarPopover.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Popover component\n *\n * A floating panel that appears when a trigger element is clicked.\n * Built on HeadlessUI Popover with Floating UI positioning.\n *\n * @example\n * <ScalarPopover>\n *   <button>Open</button>\n *   <template #popover=\"{ close }\">Popover content</template>\n * </ScalarPopover>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { Popover, PopoverButton, PopoverPanel } from '@headlessui/vue'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport {\n  ScalarFloating,\n  ScalarFloatingBackdrop,\n  type ScalarFloatingOptions,\n} from '../ScalarFloating'\nimport type { Slots } from './types'\n\ndefineProps<\n  {\n    /** Automatically focus the popover panel when it opens */\n    focus?: boolean\n  } & ScalarFloatingOptions\n>()\n\ndefineSlots<Slots>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <Popover\n    v-slot=\"{ open }\"\n    as=\"template\">\n    <ScalarFloating v-bind=\"$props\">\n      <PopoverButton as=\"template\">\n        <slot :open=\"open\" />\n      </PopoverButton>\n      <template #floating=\"{ width, height }\">\n        <PopoverPanel\n          v-slot=\"{ close }\"\n          :focus=\"focus\"\n          :style=\"{ width, height }\"\n          v-bind=\"cx('relative flex flex-col p-0.75')\">\n          <slot\n            :close=\"() => close()\"\n            name=\"popover\"\n            :open=\"open\" />\n          <slot\n            name=\"backdrop\"\n            :open=\"open\">\n            <ScalarFloatingBackdrop />\n          </slot>\n        </PopoverPanel>\n      </template>\n    </ScalarFloating>\n  </Popover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YAyBU,MAAA,QAAA,EAAA,EAvBR,IAAG,YAAU,EAAA;sBAsBI,EAvBP,WAAI,CAEd,YAqBiB,MAAA,uBAAA,EAAA,eAAA,mBArBOA,KAAAA,OAAM,CAAA,EAAA;KAIjB,UAAQ,SAeF,EAfM,OAAO,aAAM,CAClC,YAce,MAAA,aAAA,EAdf,WAce;MAZZ,OAAO,QAAA;MACP,OAAK;OAAI;OAAO;OAAM;QACf,MAAA,GAAE,CAAA,gCAAA,CAAA,EAAA;wBAIO,EAPP,YAAK,CAIf,WAGiB,KAAA,QAAA,WAAA;OAFd,aAAa,OAAK;OAEZ;UACT,WAIO,KAAA,QAAA,YAAA,EAFE,MAAI,QAEN,CADL,YAA0B,MAAA,+BAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;4BAdhB,CAFhB,YAEgB,MAAA,cAAA,EAAA,EAFD,IAAG,YAAU,EAAA;6BACL,CAArB,WAAqB,KAAA,QAAA,WAAA,EAAR,MAAI,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarPopover.vue.script.js","names":["$props"],"sources":["../../../src/components/ScalarPopover/ScalarPopover.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Popover component\n *\n * A floating panel that appears when a trigger element is clicked.\n * Built on HeadlessUI Popover with Floating UI positioning.\n *\n * @example\n * <ScalarPopover>\n *   <button>Open</button>\n *   <template #popover=\"{ close }\">Popover content</template>\n * </ScalarPopover>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { Popover, PopoverButton, PopoverPanel } from '@headlessui/vue'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport {\n  ScalarFloating,\n  ScalarFloatingBackdrop,\n  type ScalarFloatingOptions,\n} from '../ScalarFloating'\nimport type { Slots } from './types'\n\ndefineProps<\n  {\n    /** Automatically focus the popover panel when it opens */\n    focus?: boolean\n  } & ScalarFloatingOptions\n>()\n\ndefineSlots<Slots>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <Popover\n    v-slot=\"{ open }\"\n    as=\"template\">\n    <ScalarFloating v-bind=\"$props\">\n      <PopoverButton as=\"template\">\n        <slot :open=\"open\" />\n      </PopoverButton>\n      <template #floating=\"{ width, height }\">\n        <PopoverPanel\n          v-slot=\"{ close }\"\n          :focus=\"focus\"\n          :style=\"{ width, height }\"\n          v-bind=\"cx('relative flex flex-col p-0.75')\">\n          <slot\n            :close=\"() => close()\"\n            name=\"popover\"\n            :open=\"open\" />\n          <slot\n            name=\"backdrop\"\n            :open=\"open\">\n            <ScalarFloatingBackdrop />\n          </slot>\n        </PopoverPanel>\n      </template>\n    </ScalarFloating>\n  </Popover>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YAyBU,MAAA,OAAA,GAAA,EAvBR,IAAG,WAAU,GAAA;sBAsBI,EAvBP,WAAI,CAEd,YAqBiB,MAAA,sBAAA,GAAA,eAAA,mBArBOA,KAAAA,MAAM,CAAA,GAAA;KAIjB,UAAQ,SAeF,EAfM,OAAO,aAAM,CAClC,YAce,MAAA,YAAA,GAdf,WAce;MAZZ,OAAO,QAAA;MACP,OAAK;OAAI;OAAO;MAAM;QACf,MAAA,EAAA,CAAE,CAAA,+BAAA,CAAA,GAAA;wBAIO,EAPP,YAAK,CAIf,WAGiB,KAAA,QAAA,WAAA;OAFd,aAAa,MAAK;OAEZ;UACT,WAIO,KAAA,QAAA,YAAA,EAFE,KAAI,SAEN,CADL,YAA0B,MAAA,8BAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;4BAdhB,CAFhB,YAEgB,MAAA,aAAA,GAAA,EAFD,IAAG,WAAU,GAAA;6BACL,CAArB,WAAqB,KAAA,QAAA,WAAA,EAAR,KAAI,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSavePrompt.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSavePrompt/ScalarSavePrompt.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAGpD;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aAEP,YAAY;;iBAoBV,OAAO;;;;;;;aApBT,YAAY;;iBAoBV,OAAO;;;;;;cAqLN,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;;WAClC,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUtC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSavePrompt.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSavePrompt/ScalarSavePrompt.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAGpD;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aAEP,YAAY;;iBAoBV,OAAO;;;;;;;aApBT,YAAY;;iBAoBV,OAAO;;;;;;cAuLN,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;;WAClC,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUtC,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/ScalarSavePrompt/ScalarSavePrompt.vue.script.js

@@ -5,17 +5,17 @@ import { ScalarIconArrowCounterClockwise, ScalarIconFloppyDisk } from "@scalar/i
 //#region src/components/ScalarSavePrompt/ScalarSavePrompt.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "min-w-0 flex-1 text-c-1 text-base font-medium" };
 var _hoisted_2 = { class: "flex -m-2 shrink-0" };
-var ScalarSavePrompt_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSavePrompt_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSavePrompt",
-	props: /* @__PURE__ */ mergeModels({ loader: {} }, {
+	props: /*@__PURE__*/ mergeModels({ loader: {} }, {
 		"modelValue": {
 			type: Boolean,
 			default: false
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["save", "discard"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["save", "discard"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const dirty = useModel(__props, "modelValue");

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSavePrompt.vue.script.js","names":[],"sources":["../../../src/components/ScalarSavePrompt/ScalarSavePrompt.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar save prompt\n *\n * Placeholder shell — wire layout, modal, and actions in the host.\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconArrowCounterClockwise,\n  ScalarIconFloppyDisk,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarButton } from '../ScalarButton'\nimport type { LoadingState } from '../ScalarLoading'\n\ndefineProps<{\n  loader?: LoadingState\n}>()\n\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'discard'): void\n}>()\n\nconst dirty = defineModel<boolean>({ default: false })\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <Transition\n    enterActiveClass=\"transition-transform ease-spring duration-400\"\n    enterFromClass=\"translate-y-[200%]\"\n    enterToClass=\"translate-y-0\"\n    leaveActiveClass=\"transition-transform ease-in duration-100\"\n    leaveFromClass=\"translate-y-0\"\n    leaveToClass=\"translate-y-[200%]\">\n    <div\n      v-if=\"dirty || loader?.isActive\"\n      aria-live=\"polite\"\n      v-bind=\"\n        cx(\n          'flex items-center gap-2',\n          'w-content max-w-screen-padded-4 z-context',\n          'fixed left-1/2 -translate-x-1/2 bottom-4',\n          'bg-b-2 p-4 shadow-lg rounded-xl',\n        )\n      \">\n      <div class=\"min-w-0 flex-1 text-c-1 text-base font-medium\">\n        <slot>You have unsaved changes</slot>\n      </div>\n      <div class=\"flex -m-2 shrink-0\">\n        <ScalarButton\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"emit('discard')\">\n          <template #icon>\n            <ScalarIconArrowCounterClockwise\n              class=\"size-full\"\n              weight=\"bold\" />\n          </template>\n          <slot name=\"discard\">Undo</slot>\n        </ScalarButton>\n        <ScalarButton\n          :loader\n          size=\"sm\"\n          @click=\"emit('save')\">\n          <template #icon>\n            <ScalarIconFloppyDisk\n              class=\"size-full\"\n              weight=\"bold\" />\n          </template>\n          <slot name=\"save\">Save</slot>\n        </ScalarButton>\n      </div>\n    </div>\n  </Transition>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAsBA,MAAM,OAAO;EAKb,MAAM,QAAQ,SAAoB,SAAA,aAAmB;EAGrD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YA8Ca,YAAA;IA7CX,kBAAiB;IACjB,gBAAe;IACf,cAAa;IACb,kBAAiB;IACjB,gBAAe;IACf,cAAa;;2BAuCP,CArCE,MAAA,SAAS,QAAA,QAAQ,YAAA,WAAA,EADzB,mBAsCM,OAtCN,WAsCM;;KApCJ,aAAU;OACO,MAAA,GAAE,CAAA,2BAAA,6CAAA,4CAAA,kCAAA,CAAA,EAAA,CAQnB,mBAEM,OAFN,YAEM,CADJ,WAAqC,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAA/B,4BAAwB,GAAA,EAAA,CAAA,CAAA,CAAA,EAEhC,mBAuBM,OAvBN,YAuBM,CAtBJ,YAUe,MAAA,qBAAA,EAAA;KATb,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;;KACD,MAAI,cAGK,CAFlB,YAEkB,MAAA,gCAAA,EAAA;MADhB,OAAM;MACN,QAAO;;4BAEqB,CAAhC,WAAgC,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAX,QAAI,GAAA,EAAA,CAAA,CAAA,CAAA;;QAE3B,YAUe,MAAA,qBAAA,EAAA;KATZ,QAAA,QAAA;KACD,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;;KACD,MAAI,cAGK,CAFlB,YAEkB,MAAA,qBAAA,EAAA;MADhB,OAAM;MACN,QAAO;;4BAEkB,CAA7B,WAA6B,KAAA,QAAA,QAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAX,QAAI,GAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarSavePrompt.vue.script.js","names":[],"sources":["../../../src/components/ScalarSavePrompt/ScalarSavePrompt.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar save prompt\n *\n * Placeholder shell — wire layout, modal, and actions in the host.\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconArrowCounterClockwise,\n  ScalarIconFloppyDisk,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarButton } from '../ScalarButton'\nimport type { LoadingState } from '../ScalarLoading'\n\ndefineProps<{\n  loader?: LoadingState\n}>()\n\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'discard'): void\n}>()\n\nconst dirty = defineModel<boolean>({ default: false })\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <Transition\n    enterActiveClass=\"transition-transform ease-spring duration-400\"\n    enterFromClass=\"translate-y-[200%]\"\n    enterToClass=\"translate-y-0\"\n    leaveActiveClass=\"transition-transform ease-in duration-100\"\n    leaveFromClass=\"translate-y-0\"\n    leaveToClass=\"translate-y-[200%]\">\n    <div\n      v-if=\"dirty || loader?.isActive\"\n      aria-live=\"polite\"\n      v-bind=\"\n        cx(\n          'flex items-center gap-2',\n          'w-content max-w-screen-padded-4 z-context',\n          'fixed left-1/2 -translate-x-1/2 bottom-4',\n          'bg-b-2 p-4 shadow-lg rounded-xl',\n        )\n      \">\n      <div class=\"min-w-0 flex-1 text-c-1 text-base font-medium\">\n        <slot>You have unsaved changes</slot>\n      </div>\n      <div class=\"flex -m-2 shrink-0\">\n        <ScalarButton\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"emit('discard')\">\n          <template #icon>\n            <ScalarIconArrowCounterClockwise\n              class=\"size-full\"\n              weight=\"bold\" />\n          </template>\n          <slot name=\"discard\">Undo</slot>\n        </ScalarButton>\n        <ScalarButton\n          :loader\n          size=\"sm\"\n          @click=\"emit('save')\">\n          <template #icon>\n            <ScalarIconFloppyDisk\n              class=\"size-full\"\n              weight=\"bold\" />\n          </template>\n          <slot name=\"save\">Save</slot>\n        </ScalarButton>\n      </div>\n    </div>\n  </Transition>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAsBA,MAAM,OAAO;EAKb,MAAM,QAAQ,SAAoB,SAAA,YAAmB;EAGrD,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YA8Ca,YAAA;IA7CX,kBAAiB;IACjB,gBAAe;IACf,cAAa;IACb,kBAAiB;IACjB,gBAAe;IACf,cAAa;;2BAuCP,CArCE,MAAA,SAAS,QAAA,QAAQ,YAAA,UAAA,GADzB,mBAsCM,OAtCN,WAsCM;;KApCJ,aAAU;OACO,MAAA,EAAA,CAAE,CAAA,2BAAA,6CAAA,4CAAA,iCAAA,CAAA,GAAA,CAQnB,mBAEM,OAFN,YAEM,CADJ,WAAqC,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAA/B,4BAAwB,EAAA,EAAA,CAAA,CAAA,CAAA,GAEhC,mBAuBM,OAvBN,YAuBM,CAtBJ,YAUe,MAAA,oBAAA,GAAA;KATb,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;KACD,MAAI,cAGK,CAFlB,YAEkB,MAAA,+BAAA,GAAA;MADhB,OAAM;MACN,QAAO;;4BAEqB,CAAhC,WAAgC,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAX,QAAI,EAAA,EAAA,CAAA,CAAA,CAAA;;QAE3B,YAUe,MAAA,oBAAA,GAAA;KATZ,QAAA,QAAA;KACD,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA;;KACD,MAAI,cAGK,CAFlB,YAEkB,MAAA,oBAAA,GAAA;MADhB,OAAM;MACN,QAAO;;4BAEkB,CAA7B,WAA6B,KAAA,QAAA,QAAA,CAAA,SAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAX,QAAI,EAAA,EAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"AAwFA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAGnE;;;;;;;;;;;GAWG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aAEP,YAAY;YACb,MAAM;kBACA,MAAM;iBACP,MAAM;;iBAqBR,MAAM;;;;aAxBR,YAAY;YACb,MAAM;kBACA,MAAM;iBACP,MAAM;;iBAqBR,MAAM;;;kFA6Hf,CAAC"}
+{"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"AAwFA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAGnE;;;;;;;;;;;GAWG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aAEP,YAAY;YACb,MAAM;kBACA,MAAM;iBACP,MAAM;;iBAqBR,MAAM;;;;aAxBR,YAAY;YACb,MAAM;kBACA,MAAM;iBACP,MAAM;;iBAqBR,MAAM;;;kFA8Hf,CAAC"}

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

@@ -5,10 +5,10 @@ import { createBlock, createCommentVNode, createElementBlock, createElementVNode
 import { ScalarIconMagnifyingGlass, ScalarIconX } from "@scalar/icons";
 //#region src/components/ScalarSearchInput/ScalarSearchInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "placeholder"];
-var ScalarSearchInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSearchInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSearchInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		loader: {},
 		label: {},
 		placeholder: {},

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar search input component\n *\n * Provides an large input field with a loading state and a clear button,\n * intended to be used with the ScalarSearchResults component.\n *\n * If you want a smaller input field for use in a sidebar, use\n * the ScalarSidebarSearchInput component instead.\n *\n * @example\n * <ScalarSearchInput v-model=\"search\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass, ScalarIconX } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { ref } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\ndefineProps<{\n  loader?: LoadingState\n  label?: string\n  placeholder?: string\n  clearLabel?: string\n}>()\n\nconst model = defineModel<string>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nfunction handleClear() {\n  model.value = ''\n  // Push focus back to the input\n  if (inputRef.value) {\n    inputRef.value.focus()\n  }\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n</script>\n<template>\n  <label\n    v-bind=\"\n      stylingAttrsCx(\n        'flex items-center text-lg font-medium h-10 pl-3 pr-1.5 py-2 gap-2.25',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"text-sidebar-c-search size-4\" />\n    <input\n      ref=\"inputRef\"\n      v-bind=\"otherAttrs\"\n      v-model=\"model\"\n      :aria-label=\"label ?? 'Enter search query'\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      class=\"flex-1 appearance-none rounded border-none bg-transparent outline-none\"\n      :placeholder=\"placeholder ?? 'Search...'\"\n      spellcheck=\"false\"\n      type=\"search\" />\n    <ScalarLoading\n      v-if=\"loader && loader.isActive\"\n      class=\"mr-1\"\n      :loader\n      size=\"lg\" />\n    <ScalarIconButton\n      v-else-if=\"model\"\n      class=\"-my-1\"\n      :icon=\"ScalarIconX\"\n      :label=\"clearLabel ?? 'Clear Search'\"\n      size=\"sm\"\n      weight=\"bold\"\n      @click.stop.prevent=\"handleClear\" />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,MAAM,WAAW,IAA6B,KAAI;EAElD,SAAS,cAAc;AACrB,SAAM,QAAQ;AAEd,OAAI,SAAS,MACX,UAAS,MAAM,OAAM;;EAKzB,MAAM,EAAE,gBAAgB,eAAe,WAAU;;uBAG/C,mBAgCQ,SAAA,eAAA,mBA/BS,MAAA,eAAc,CAAA,uEAAA,CAAA,CAAA,EAAA;IAK7B,YAAkE,MAAA,0BAAA,EAAA,EAAvC,OAAM,gCAA8B,CAAA;mBAC/D,mBAWkB,SAXlB,WAWkB;cAVZ;KAAJ,KAAI;OACI,MAAA,WAAU,EAAA;wEACJ,QAAA;KACb,cAAY,QAAA,SAAK;KAClB,gBAAe;KACf,cAAa;KACb,aAAY;KACZ,OAAM;KACL,aAAa,QAAA,eAAW;KACzB,YAAW;KACX,MAAK;6CARI,MAAA,MAAK,CAAA,CAAA;IAUR,QAAA,UAAU,QAAA,OAAO,YAAA,WAAA,EADzB,YAIc,MAAA,sBAAA,EAAA;;KAFZ,OAAM;KACL,QAAA,QAAA;KACD,MAAK;+BAEM,MAAA,SAAA,WAAA,EADb,YAOsC,MAAA,yBAAA,EAAA;;KALpC,OAAM;KACL,MAAM,MAAA,YAAW;KACjB,OAAO,QAAA,cAAU;KAClB,MAAK;KACL,QAAO;KACN,SAAK,cAAe,aAAW,CAAA,QAAA,UAAA,CAAA"}
+{"version":3,"file":"ScalarSearchInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar search input component\n *\n * Provides an large input field with a loading state and a clear button,\n * intended to be used with the ScalarSearchResults component.\n *\n * If you want a smaller input field for use in a sidebar, use\n * the ScalarSidebarSearchInput component instead.\n *\n * @example\n * <ScalarSearchInput v-model=\"search\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass, ScalarIconX } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { ref } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\ndefineProps<{\n  loader?: LoadingState\n  label?: string\n  placeholder?: string\n  clearLabel?: string\n}>()\n\nconst model = defineModel<string>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nfunction handleClear() {\n  model.value = ''\n  // Push focus back to the input\n  if (inputRef.value) {\n    inputRef.value.focus()\n  }\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n</script>\n<template>\n  <label\n    v-bind=\"\n      stylingAttrsCx(\n        'flex items-center text-lg font-medium h-10 pl-3 pr-1.5 py-2 gap-2.25',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"text-sidebar-c-search size-4\" />\n    <input\n      ref=\"inputRef\"\n      v-bind=\"otherAttrs\"\n      v-model=\"model\"\n      :aria-label=\"label ?? 'Enter search query'\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      class=\"flex-1 appearance-none rounded border-none bg-transparent outline-none\"\n      :placeholder=\"placeholder ?? 'Search...'\"\n      spellcheck=\"false\"\n      type=\"search\" />\n    <ScalarLoading\n      v-if=\"loader && loader.isActive\"\n      class=\"mr-1\"\n      :loader\n      size=\"lg\" />\n    <ScalarIconButton\n      v-else-if=\"model\"\n      class=\"-my-1\"\n      :icon=\"ScalarIconX\"\n      :label=\"clearLabel ?? 'Clear Search'\"\n      size=\"sm\"\n      weight=\"bold\"\n      @click.stop.prevent=\"handleClear\" />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ,SAAmB,SAAA,YAAC;EAElC,MAAM,WAAW,IAA6B,IAAI;EAElD,SAAS,cAAc;GACrB,MAAM,QAAQ;GAEd,IAAI,SAAS,OACX,SAAS,MAAM,MAAM;EAEzB;EAGA,MAAM,EAAE,gBAAgB,eAAe,UAAU;;uBAG/C,mBAgCQ,SAAA,eAAA,mBA/BS,MAAA,cAAA,CAAc,CAAA,sEAAA,CAAA,CAAA,GAAA;IAK7B,YAAkE,MAAA,yBAAA,GAAA,EAAvC,OAAM,+BAA8B,CAAA;mBAC/D,mBAWkB,SAXlB,WAWkB;cAVZ;KAAJ,KAAI;OACI,MAAA,UAAA,GAAU;wEACJ,QAAA;KACb,cAAY,QAAA,SAAK;KAClB,gBAAe;KACf,cAAa;KACb,aAAY;KACZ,OAAM;KACL,aAAa,QAAA,eAAW;KACzB,YAAW;KACX,MAAK;6CARI,MAAA,KAAK,CAAA,CAAA;IAUR,QAAA,UAAU,QAAA,OAAO,YAAA,UAAA,GADzB,YAIc,MAAA,qBAAA,GAAA;;KAFZ,OAAM;KACL,QAAA,QAAA;KACD,MAAK;+BAEM,MAAA,SAAA,UAAA,GADb,YAOsC,MAAA,wBAAA,GAAA;;KALpC,OAAM;KACL,MAAM,MAAA,WAAA;KACN,OAAO,QAAA,cAAU;KAClB,MAAK;KACL,QAAO;KACN,SAAK,cAAe,aAAW,CAAA,QAAA,SAAA,CAAA"}

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.script.js

@@ -18,7 +18,7 @@ var _hoisted_7 = {
 	key: 0,
 	class: "truncate zoomed:whitespace-normal! wrap-break-word text-c-2"
 };
-var ScalarSearchResultItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSearchResultItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSearchResultItem",
 	props: {

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchResultItem.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Search Result Item component\n *\n * A single search result entry with an optional icon, description, and addon slot.\n *\n * @example\n * <ScalarSearchResultItem :icon=\"ScalarIconFile\">\n *   Result Title\n *   <template #description>Result description</template>\n * </ScalarSearchResultItem>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\ndefineProps<{\n  icon?: Icon | ScalarIconComponent\n  selected?: boolean\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <a\n    :aria-selected=\"selected\"\n    role=\"option\"\n    tabindex=\"-1\"\n    v-bind=\"\n      cx(\n        'group flex cursor-pointer gap-2 rounded px-2 py-1.5 no-underline hover:bg-b-2 text-base/5',\n        { 'bg-b-2': selected },\n      )\n    \">\n    <!-- Icon -->\n    <div\n      v-if=\"icon\"\n      class=\"flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          class=\"size-4\"\n          :icon=\"icon\" />\n      </slot>\n      <span>&hairsp;</span>\n    </div>\n    <!-- Content -->\n    <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n      <div class=\"flex items-center gap-1\">\n        <div\n          class=\"flex-1 truncate zoomed:whitespace-normal! wrap-break-word font-medium\">\n          <slot />\n        </div>\n        <div\n          v-if=\"$slots.addon\"\n          class=\"text-base text-c-2\">\n          <slot name=\"addon\" />\n        </div>\n      </div>\n      <div\n        v-if=\"$slots.description\"\n        class=\"truncate zoomed:whitespace-normal! wrap-break-word text-c-2\">\n        <slot name=\"description\" />\n      </div>\n    </div>\n  </a>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAyCI,KAzCJ,WAyCI;IAxCD,iBAAe,QAAA;IAChB,MAAK;IACL,UAAS;MACM,MAAA,GAAE,CAAA,6FAAA,EAAA,UAA2H,QAAA,UAAQ,CAAA,CAAA,EAAA,CAQ5I,QAAA,QAAA,WAAA,EADR,mBAUM,OAVN,YAUM,CAPJ,WAKO,KAAA,QAAA,QAAA,EAAA,QAAA,CAHG,QAAA,QAAA,WAAA,EADR,YAGiB,MAAA,gCAAA,EAAA;;IADf,OAAM;IACL,MAAM,QAAA;sFAEX,mBAAqB,QAAA,MAAf,KAAQ,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAGhB,mBAiBM,OAjBN,YAiBM,CAhBJ,mBAUM,OAVN,YAUM,CATJ,mBAGM,OAHN,YAGM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,EAGFA,KAAAA,OAAO,SAAA,WAAA,EADf,mBAIM,OAJN,YAIM,CADJ,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,EAIjBA,KAAAA,OAAO,eAAA,WAAA,EADf,mBAIM,OAJN,YAIM,CADJ,WAA2B,KAAA,QAAA,cAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"ScalarSearchResultItem.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Search Result Item component\n *\n * A single search result entry with an optional icon, description, and addon slot.\n *\n * @example\n * <ScalarSearchResultItem :icon=\"ScalarIconFile\">\n *   Result Title\n *   <template #description>Result description</template>\n * </ScalarSearchResultItem>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\ndefineProps<{\n  icon?: Icon | ScalarIconComponent\n  selected?: boolean\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <a\n    :aria-selected=\"selected\"\n    role=\"option\"\n    tabindex=\"-1\"\n    v-bind=\"\n      cx(\n        'group flex cursor-pointer gap-2 rounded px-2 py-1.5 no-underline hover:bg-b-2 text-base/5',\n        { 'bg-b-2': selected },\n      )\n    \">\n    <!-- Icon -->\n    <div\n      v-if=\"icon\"\n      class=\"flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          class=\"size-4\"\n          :icon=\"icon\" />\n      </slot>\n      <span>&hairsp;</span>\n    </div>\n    <!-- Content -->\n    <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n      <div class=\"flex items-center gap-1\">\n        <div\n          class=\"flex-1 truncate zoomed:whitespace-normal! wrap-break-word font-medium\">\n          <slot />\n        </div>\n        <div\n          v-if=\"$slots.addon\"\n          class=\"text-base text-c-2\">\n          <slot name=\"addon\" />\n        </div>\n      </div>\n      <div\n        v-if=\"$slots.description\"\n        class=\"truncate zoomed:whitespace-normal! wrap-break-word text-c-2\">\n        <slot name=\"description\" />\n      </div>\n    </div>\n  </a>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAyCI,KAzCJ,WAyCI;IAxCD,iBAAe,QAAA;IAChB,MAAK;IACL,UAAS;MACM,MAAA,EAAA,CAAE,CAAA,6FAAA,EAAA,UAA2H,QAAA,SAAQ,CAAA,CAAA,GAAA,CAQ5I,QAAA,QAAA,UAAA,GADR,mBAUM,OAVN,YAUM,CAPJ,WAKO,KAAA,QAAA,QAAA,CAAA,SAAA,CAHG,QAAA,QAAA,UAAA,GADR,YAGiB,MAAA,+BAAA,GAAA;;IADf,OAAM;IACL,MAAM,QAAA;sFAEX,mBAAqB,QAAA,MAAf,KAAQ,EAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAGhB,mBAiBM,OAjBN,YAiBM,CAhBJ,mBAUM,OAVN,YAUM,CATJ,mBAGM,OAHN,YAGM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,GAGFA,KAAAA,OAAO,SAAA,UAAA,GADf,mBAIM,OAJN,YAIM,CADJ,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,GAIjBA,KAAAA,OAAO,eAAA,UAAA,GADf,mBAIM,OAJN,YAIM,CADJ,WAA2B,KAAA,QAAA,aAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.script.js

@@ -1,16 +1,16 @@
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
-var ScalarSearchResultList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSearchResultList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSearchResultList",
 	props: { noResults: { type: Boolean } },
 	setup(__props) {
 		const { cx } = useBindCx();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ role: "listbox" }, unref(cx)("flex flex-col")), [__props.noResults ? renderSlot(_ctx.$slots, "noResults", { key: 0 }, () => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", mergeProps({ role: "listbox" }, unref(cx)("flex flex-col")), [__props.noResults ? renderSlot(_ctx.$slots, "noResults", {}, () => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [createElementVNode("div", {
 				class: "text-base font-medium text-c-2",
 				role: "alert"
-			}, " No results found ")], -1))]) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 16);
+			}, " No results found ")], -1))], void 0, 0) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 16);
 		};
 	}
 });

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchResultList.vue.script.js","names":[],"sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultList.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Search Result List component\n *\n * A container for search result items with a \"no results\" fallback.\n *\n * @example\n * <ScalarSearchResultList :noResults=\"results.length === 0\">\n *   <ScalarSearchResultItem v-for=\"r in results\" :key=\"r.id\">\n *     {{ r.label }}\n *   </ScalarSearchResultItem>\n * </ScalarSearchResultList>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineProps<{\n  noResults?: boolean\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    role=\"listbox\"\n    v-bind=\"cx('flex flex-col')\">\n    <slot\n      v-if=\"noResults\"\n      name=\"noResults\">\n      <div class=\"flex flex-col items-center gap-2 px-3 py-4\">\n        <div\n          class=\"text-base font-medium text-c-2\"\n          role=\"alert\">\n          No results found\n        </div>\n      </div>\n    </slot>\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EAuBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAeM,OAfN,WAeM,EAdJ,MAAK,WAAS,EACN,MAAA,GAAE,CAAA,gBAAA,CAAA,EAAA,CAEF,QAAA,YADR,WAUO,KAAA,QAAA,aAAA,EAAA,KAAA,GAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAPL,mBAMM,OAAA,EAND,OAAM,8CAA4C,EAAA,CACrD,mBAIM,OAAA;IAHJ,OAAM;IACN,MAAK;MAAQ,qBAEf,CAAA,EAAA,GAAA,EAAA,CAAA,GAAA,mBAAA,IAAA,KAAA,EAGJ,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarSearchResultList.vue.script.js","names":[],"sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultList.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Search Result List component\n *\n * A container for search result items with a \"no results\" fallback.\n *\n * @example\n * <ScalarSearchResultList :noResults=\"results.length === 0\">\n *   <ScalarSearchResultItem v-for=\"r in results\" :key=\"r.id\">\n *     {{ r.label }}\n *   </ScalarSearchResultItem>\n * </ScalarSearchResultList>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineProps<{\n  noResults?: boolean\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    role=\"listbox\"\n    v-bind=\"cx('flex flex-col')\">\n    <slot\n      v-if=\"noResults\"\n      name=\"noResults\">\n      <div class=\"flex flex-col items-center gap-2 px-3 py-4\">\n        <div\n          class=\"text-base font-medium text-c-2\"\n          role=\"alert\">\n          No results found\n        </div>\n      </div>\n    </slot>\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EAuBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAeM,OAfN,WAeM,EAdJ,MAAK,UAAS,GACN,MAAA,EAAA,CAAE,CAAA,eAAA,CAAA,GAAA,CAEF,QAAA,YADR,WAUO,KAAA,QAAA,aAAA,CAAA,SAAA,CAAA,OAAA,OAAA,OAAA,KAPL,mBAMM,OAAA,EAND,OAAM,6CAA4C,GAAA,CACrD,mBAIM,OAAA;IAHJ,OAAM;IACN,MAAK;MAAQ,oBAEf,CAAA,GAAA,EAAA,EAAA,GAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,IAAA,GAGJ,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

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

@@ -1,6 +1,6 @@
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
-var ScalarSidebar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebar",
 	setup(__props) {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebar.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar component\n *\n * A sidebar for navigation and other content.\n *\n * @example\n *   <ScalarSidebar>\n *     <!-- Sidebar content -->\n *   </ScalarSidebar>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <aside\n    v-bind=\"\n      cx('flex flex-col border-r bg-sidebar-b-1 border-sidebar-border w-72')\n    \">\n    <slot />\n  </aside>\n</template>\n"],"mappings":";;;;;;EAiBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAKQ,SAAA,eAAA,mBAJS,MAAA,GAAE,CAAA,mEAAA,CAAA,CAAA,EAAA,CAGjB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarSidebar.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar component\n *\n * A sidebar for navigation and other content.\n *\n * @example\n *   <ScalarSidebar>\n *     <!-- Sidebar content -->\n *   </ScalarSidebar>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <aside\n    v-bind=\"\n      cx('flex flex-col border-r bg-sidebar-b-1 border-sidebar-border w-72')\n    \">\n    <slot />\n  </aside>\n</template>\n"],"mappings":";;;;;;EAiBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAKQ,SAAA,eAAA,mBAJS,MAAA,EAAA,CAAE,CAAA,kEAAA,CAAA,CAAA,GAAA,CAGjB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarButton.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Button component\n *\n * Provide a styled link for the ScalarSidebar or similar, supports\n * the same props and slots as ScalarSidebarItem\n *\n * This is used internally by the ScalarSidebarItem component\n *\n * If you're looking to create items in ScalarSidebarItems\n * you probably want the ScalarSidebarItem component\n *\n * @example\n *   <ScalarSidebarButton>\n *     <template #icon>\n *       <!-- Overrides the icon slot -->\n *     </template>\n *     <!-- Button text -->\n *     <template #aside>\n *       <!-- After the button text -->\n *     </template>\n *   </ScalarSidebarButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarIconLegacyAdapter } from '../ScalarIcon'\nimport ScalarSidebarIndent from './ScalarSidebarIndent.vue'\nimport type { ScalarSidebarButtonSlots, ScalarSidebarItemProps } from './types'\n\nconst { is = 'a', indent = 0 } = defineProps<ScalarSidebarItemProps>()\n\ndefineSlots<ScalarSidebarButtonSlots>()\n\nconst variants = cva({\n  base: [\n    'group/button peer/button flex items-stretch rounded p-2',\n    'font-sidebar text-base/4  text-sidebar-c-2 no-underline wrap-break-word',\n  ],\n  variants: {\n    active: { true: 'text-sidebar-c-active font-sidebar-active' },\n    disabled: { true: 'cursor-auto' },\n    selected: {\n      true: 'cursor-auto bg-sidebar-b-active text-sidebar-c-active font-sidebar-active',\n    },\n  },\n  compoundVariants: [\n    {\n      selected: false,\n      disabled: false,\n      active: false,\n      class: 'hover:bg-sidebar-b-hover hover:text-sidebar-c-hover',\n    },\n    {\n      selected: false,\n      disabled: false,\n      active: true,\n      class: 'hover:bg-sidebar-b-hover',\n    },\n  ],\n  defaultVariants: { selected: false, disabled: false, active: false },\n})\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-selected=\"selected\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"cx(variants({ selected, disabled, active }))\">\n    <slot name=\"indent\">\n      <ScalarSidebarIndent\n        class=\"-my-2\"\n        :disabled\n        :indent\n        :selected />\n    </slot>\n    <div\n      v-if=\"icon || $slots.icon\"\n      class=\"h-lh *:size-4 mr-1 flex items-center\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          :icon=\"icon\" />\n      </slot>\n    </div>\n    <div class=\"group/button-label flex-1 min-w-0\">\n      <slot />\n    </div>\n    <slot name=\"aside\" />\n  </component>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarSidebarButton.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Button component\n *\n * Provide a styled link for the ScalarSidebar or similar, supports\n * the same props and slots as ScalarSidebarItem\n *\n * This is used internally by the ScalarSidebarItem component\n *\n * If you're looking to create items in ScalarSidebarItems\n * you probably want the ScalarSidebarItem component\n *\n * @example\n *   <ScalarSidebarButton>\n *     <template #icon>\n *       <!-- Overrides the icon slot -->\n *     </template>\n *     <!-- Button text -->\n *     <template #aside>\n *       <!-- After the button text -->\n *     </template>\n *   </ScalarSidebarButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarIconLegacyAdapter } from '../ScalarIcon'\nimport ScalarSidebarIndent from './ScalarSidebarIndent.vue'\nimport type { ScalarSidebarButtonSlots, ScalarSidebarItemProps } from './types'\n\nconst { is = 'a', indent = 0 } = defineProps<ScalarSidebarItemProps>()\n\ndefineSlots<ScalarSidebarButtonSlots>()\n\nconst variants = cva({\n  base: [\n    'group/button peer/button flex items-stretch rounded p-2',\n    'font-sidebar text-base/4  text-sidebar-c-2 no-underline wrap-break-word',\n  ],\n  variants: {\n    active: { true: 'text-sidebar-c-active font-sidebar-active' },\n    disabled: { true: 'cursor-auto' },\n    selected: {\n      true: 'cursor-auto bg-sidebar-b-active text-sidebar-c-active font-sidebar-active',\n    },\n  },\n  compoundVariants: [\n    {\n      selected: false,\n      disabled: false,\n      active: false,\n      class: 'hover:bg-sidebar-b-hover hover:text-sidebar-c-hover',\n    },\n    {\n      selected: false,\n      disabled: false,\n      active: true,\n      class: 'hover:bg-sidebar-b-hover',\n    },\n  ],\n  defaultVariants: { selected: false, disabled: false, active: false },\n})\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-current=\"selected ? 'page' : undefined\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"cx(variants({ selected, disabled, active }))\">\n    <slot name=\"indent\">\n      <ScalarSidebarIndent\n        class=\"-my-2\"\n        :disabled\n        :indent\n        :selected />\n    </slot>\n    <div\n      v-if=\"icon || $slots.icon\"\n      class=\"h-lh *:size-4 mr-1 flex items-center\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          :icon=\"icon\" />\n      </slot>\n    </div>\n    <div class=\"group/button-label flex-1 min-w-0\">\n      <slot />\n    </div>\n    <slot name=\"aside\" />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue.script.js

@@ -8,7 +8,7 @@ var _hoisted_1 = {
 	class: "h-lh *:size-4 mr-1 flex items-center"
 };
 var _hoisted_2 = { class: "group/button-label flex-1 min-w-0" };
-var ScalarSidebarButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSidebarButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebarButton",
 	props: {
@@ -47,7 +47,7 @@ var ScalarSidebarButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 		const { cx } = useBindCx();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.is), mergeProps({
-				"aria-selected": __props.selected,
+				"aria-current": __props.selected ? "page" : void 0,
 				type: __props.is === "button" ? "button" : void 0
 			}, unref(cx)(unref(variants)({
 				selected: __props.selected,
@@ -73,7 +73,7 @@ var ScalarSidebarButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					renderSlot(_ctx.$slots, "aside")
 				]),
 				_: 3
-			}, 16, ["aria-selected", "type"]);
+			}, 16, ["aria-current", "type"]);
 		};
 	}
 });

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Button component\n *\n * Provide a styled link for the ScalarSidebar or similar, supports\n * the same props and slots as ScalarSidebarItem\n *\n * This is used internally by the ScalarSidebarItem component\n *\n * If you're looking to create items in ScalarSidebarItems\n * you probably want the ScalarSidebarItem component\n *\n * @example\n *   <ScalarSidebarButton>\n *     <template #icon>\n *       <!-- Overrides the icon slot -->\n *     </template>\n *     <!-- Button text -->\n *     <template #aside>\n *       <!-- After the button text -->\n *     </template>\n *   </ScalarSidebarButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarIconLegacyAdapter } from '../ScalarIcon'\nimport ScalarSidebarIndent from './ScalarSidebarIndent.vue'\nimport type { ScalarSidebarButtonSlots, ScalarSidebarItemProps } from './types'\n\nconst { is = 'a', indent = 0 } = defineProps<ScalarSidebarItemProps>()\n\ndefineSlots<ScalarSidebarButtonSlots>()\n\nconst variants = cva({\n  base: [\n    'group/button peer/button flex items-stretch rounded p-2',\n    'font-sidebar text-base/4  text-sidebar-c-2 no-underline wrap-break-word',\n  ],\n  variants: {\n    active: { true: 'text-sidebar-c-active font-sidebar-active' },\n    disabled: { true: 'cursor-auto' },\n    selected: {\n      true: 'cursor-auto bg-sidebar-b-active text-sidebar-c-active font-sidebar-active',\n    },\n  },\n  compoundVariants: [\n    {\n      selected: false,\n      disabled: false,\n      active: false,\n      class: 'hover:bg-sidebar-b-hover hover:text-sidebar-c-hover',\n    },\n    {\n      selected: false,\n      disabled: false,\n      active: true,\n      class: 'hover:bg-sidebar-b-hover',\n    },\n  ],\n  defaultVariants: { selected: false, disabled: false, active: false },\n})\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-selected=\"selected\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"cx(variants({ selected, disabled, active }))\">\n    <slot name=\"indent\">\n      <ScalarSidebarIndent\n        class=\"-my-2\"\n        :disabled\n        :indent\n        :selected />\n    </slot>\n    <div\n      v-if=\"icon || $slots.icon\"\n      class=\"h-lh *:size-4 mr-1 flex items-center\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          :icon=\"icon\" />\n      </slot>\n    </div>\n    <div class=\"group/button-label flex-1 min-w-0\">\n      <slot />\n    </div>\n    <slot name=\"aside\" />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,WAAW,IAAI;GACnB,MAAM,CACJ,2DACA,0EACD;GACD,UAAU;IACR,QAAQ,EAAE,MAAM,6CAA6C;IAC7D,UAAU,EAAE,MAAM,eAAe;IACjC,UAAU,EACR,MAAM,6EACP;IACF;GACD,kBAAkB,CAChB;IACE,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;IACR,EACD;IACE,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;IACR,CACF;GACD,iBAAiB;IAAE,UAAU;IAAO,UAAU;IAAO,QAAQ;IAAO;GACrE,CAAA;EAED,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YAyBY,wBAxBL,QAAA,GAAE,EADT,WAyBY;IAvBT,iBAAe,QAAA;IACf,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA;MAC5B,MAAA,GAAE,CAAC,MAAA,SAAQ,CAAA;IAAA,UAAG,QAAA;IAAQ,UAAE,QAAA;IAAQ,QAAE,QAAA;IAAM,CAAA,CAAA,CAAA,EAAA;2BAOzC;KANP,WAMO,KAAA,QAAA,UAAA,EAAA,QAAA,CALL,YAIc,6BAAA;MAHZ,OAAM;MACL,UAAA,QAAA;MACA,QAAA,QAAA;MACA,UAAA,QAAA;;;;;;KAGG,QAAA,QAAQA,KAAAA,OAAO,QAAA,WAAA,EADvB,mBAQM,OARN,YAQM,CALJ,WAIO,KAAA,QAAA,QAAA,EAAA,QAAA,CAFG,QAAA,QAAA,WAAA,EADR,YAEiB,MAAA,gCAAA,EAAA;;MAAd,MAAM,QAAA;;KAGb,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;KAEV,WAAqB,KAAA,QAAA,QAAA"}
+{"version":3,"file":"ScalarSidebarButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Button component\n *\n * Provide a styled link for the ScalarSidebar or similar, supports\n * the same props and slots as ScalarSidebarItem\n *\n * This is used internally by the ScalarSidebarItem component\n *\n * If you're looking to create items in ScalarSidebarItems\n * you probably want the ScalarSidebarItem component\n *\n * @example\n *   <ScalarSidebarButton>\n *     <template #icon>\n *       <!-- Overrides the icon slot -->\n *     </template>\n *     <!-- Button text -->\n *     <template #aside>\n *       <!-- After the button text -->\n *     </template>\n *   </ScalarSidebarButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarIconLegacyAdapter } from '../ScalarIcon'\nimport ScalarSidebarIndent from './ScalarSidebarIndent.vue'\nimport type { ScalarSidebarButtonSlots, ScalarSidebarItemProps } from './types'\n\nconst { is = 'a', indent = 0 } = defineProps<ScalarSidebarItemProps>()\n\ndefineSlots<ScalarSidebarButtonSlots>()\n\nconst variants = cva({\n  base: [\n    'group/button peer/button flex items-stretch rounded p-2',\n    'font-sidebar text-base/4  text-sidebar-c-2 no-underline wrap-break-word',\n  ],\n  variants: {\n    active: { true: 'text-sidebar-c-active font-sidebar-active' },\n    disabled: { true: 'cursor-auto' },\n    selected: {\n      true: 'cursor-auto bg-sidebar-b-active text-sidebar-c-active font-sidebar-active',\n    },\n  },\n  compoundVariants: [\n    {\n      selected: false,\n      disabled: false,\n      active: false,\n      class: 'hover:bg-sidebar-b-hover hover:text-sidebar-c-hover',\n    },\n    {\n      selected: false,\n      disabled: false,\n      active: true,\n      class: 'hover:bg-sidebar-b-hover',\n    },\n  ],\n  defaultVariants: { selected: false, disabled: false, active: false },\n})\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-current=\"selected ? 'page' : undefined\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"cx(variants({ selected, disabled, active }))\">\n    <slot name=\"indent\">\n      <ScalarSidebarIndent\n        class=\"-my-2\"\n        :disabled\n        :indent\n        :selected />\n    </slot>\n    <div\n      v-if=\"icon || $slots.icon\"\n      class=\"h-lh *:size-4 mr-1 flex items-center\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          :icon=\"icon\" />\n      </slot>\n    </div>\n    <div class=\"group/button-label flex-1 min-w-0\">\n      <slot />\n    </div>\n    <slot name=\"aside\" />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,WAAW,IAAI;GACnB,MAAM,CACJ,2DACA,yEACF;GACA,UAAU;IACR,QAAQ,EAAE,MAAM,4CAA4C;IAC5D,UAAU,EAAE,MAAM,cAAc;IAChC,UAAU,EACR,MAAM,4EACR;GACF;GACA,kBAAkB,CAChB;IACE,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;GACT,GACA;IACE,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;GACT,CACF;GACA,iBAAiB;IAAE,UAAU;IAAO,UAAU;IAAO,QAAQ;GAAM;EACrE,CAAC;EAED,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YAyBY,wBAxBL,QAAA,EAAE,GADT,WAyBY;IAvBT,gBAAc,QAAA,WAAQ,SAAY,KAAA;IAClC,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA;MAC5B,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,CAAQ,CAAA;IAAA,UAAG,QAAA;IAAQ,UAAE,QAAA;IAAQ,QAAE,QAAA;GAAM,CAAA,CAAA,CAAA,GAAA;2BAOzC;KANP,WAMO,KAAA,QAAA,UAAA,CAAA,SAAA,CALL,YAIc,6BAAA;MAHZ,OAAM;MACL,UAAA,QAAA;MACA,QAAA,QAAA;MACA,UAAA,QAAA;;;;;;KAGG,QAAA,QAAQA,KAAAA,OAAO,QAAA,UAAA,GADvB,mBAQM,OARN,YAQM,CALJ,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAFG,QAAA,QAAA,UAAA,GADR,YAEiB,MAAA,+BAAA,GAAA;;MAAd,MAAM,QAAA;;KAGb,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;KAEV,WAAqB,KAAA,QAAA,OAAA"}