@scalar/components 0.25.0 → 0.26.1

package/README.md

@@ -50,7 +50,7 @@ Then, you can use the components in your Vue components. For example:
 <script
   setup
   lang="ts">
-  import { ScalarButton } from '@scalar/components'
+  import { ScalarButton } from '@scalar/components/button'
 </script>
 <template>
   <ScalarButton />
@@ -118,7 +118,7 @@ All pull requests should include the following checklist:
 ```md
 ## Component Checklist
 
-- [ ] Exported from `@scalar/components`
+- [ ] Exported from its subpath (e.g. `@scalar/components/example`) via `package.json` `exports` — not the barrel
 - [ ] Has JSDocs for all:
   - [ ] Components (with examples)
   - [ ] Props

package/dist/components/ScalarButton/index.js

@@ -0,0 +1,2 @@
+import ScalarButton_default from "./ScalarButton.vue.js";
+export { ScalarButton_default as ScalarButton };

package/dist/components/ScalarCard/index.js

@@ -0,0 +1,5 @@
+import ScalarCard_default from "./ScalarCard.vue.js";
+import ScalarCardSection_default from "./ScalarCardSection.vue.js";
+import ScalarCardFooter_default from "./ScalarCardFooter.vue.js";
+import ScalarCardHeader_default from "./ScalarCardHeader.vue.js";
+export { ScalarCard_default as ScalarCard, ScalarCardFooter_default as ScalarCardFooter, ScalarCardHeader_default as ScalarCardHeader, ScalarCardSection_default as ScalarCardSection };

package/dist/components/ScalarCheckboxInput/index.js

@@ -0,0 +1,5 @@
+import ScalarCheckbox_default from "./ScalarCheckbox.vue.js";
+import ScalarCheckboxInput_default from "./ScalarCheckboxInput.vue.js";
+import ScalarCheckboxGroup_default from "./ScalarCheckboxGroup.vue.js";
+import ScalarCheckboxRadioGroup_default from "./ScalarCheckboxRadioGroup.vue.js";
+export { ScalarCheckbox_default as ScalarCheckbox, ScalarCheckboxGroup_default as ScalarCheckboxGroup, ScalarCheckboxInput_default as ScalarCheckboxInput, ScalarCheckboxRadioGroup_default as ScalarCheckboxRadioGroup };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":"AAkKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;cAEN,MAAM,GAAG,MAAM;2BACF,MAAM;WACtB,mBAAmB,GAAG,MAAM;kBACrB,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;WAC5B,QAAQ,GAAG,OAAO,GAAG,KAAK;;IAWzB,+CAA+C;aACtC,MAAM,GAAG,MAAM;;cAjBtB,MAAM,GAAG,MAAM;2BACF,MAAM;WACtB,mBAAmB,GAAG,MAAM;kBACrB,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;WAC5B,QAAQ,GAAG,OAAO,GAAG,KAAK;;IAezB;;;;OAIG;0BACmB,MAAM;;cAzB1B,MAAM,GAAG,MAAM;2BACF,MAAM;WACtB,mBAAmB,GAAG,MAAM;kBACrB,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;WAC5B,QAAQ,GAAG,OAAO,GAAG,KAAK;;IAWzB,+CAA+C;aACtC,MAAM,GAAG,MAAM;;cAjBtB,MAAM,GAAG,MAAM;2BACF,MAAM;WACtB,mBAAmB,GAAG,MAAM;kBACrB,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;WAC5B,QAAQ,GAAG,OAAO,GAAG,KAAK;;IAezB;;;;OAIG;0BACmB,MAAM;kGA2KlC,CAAC"}
+{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":"AAuKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;cAEN,MAAM,GAAG,MAAM;2BACF,MAAM;WACtB,mBAAmB,GAAG,MAAM;kBACrB,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;WAC5B,QAAQ,GAAG,OAAO,GAAG,KAAK;;IAWzB,+CAA+C;aACtC,MAAM,GAAG,MAAM;;cAjBtB,MAAM,GAAG,MAAM;2BACF,MAAM;WACtB,mBAAmB,GAAG,MAAM;kBACrB,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;WAC5B,QAAQ,GAAG,OAAO,GAAG,KAAK;;IAezB;;;;OAIG;0BACmB,MAAM;;cAzB1B,MAAM,GAAG,MAAM;2BACF,MAAM;WACtB,mBAAmB,GAAG,MAAM;kBACrB,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;WAC5B,QAAQ,GAAG,OAAO,GAAG,KAAK;;IAWzB,+CAA+C;aACtC,MAAM,GAAG,MAAM;;cAjBtB,MAAM,GAAG,MAAM;2BACF,MAAM;WACtB,mBAAmB,GAAG,MAAM;kBACrB,OAAO;sBACH,MAAM,GAAG,MAAM,EAAE;WAC5B,QAAQ,GAAG,OAAO,GAAG,KAAK;;IAezB;;;;OAIG;0BACmB,MAAM;kGA2KlC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCodeBlock.vue.js","names":[],"sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Code Block component\n *\n * Renders syntax-highlighted code using highlight.js.\n * Supports line numbers, credential masking, and an optional copy button.\n *\n * @example\n * <ScalarCodeBlock content=\"const x = 1\" lang=\"javascript\" />\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport ScalarCopyBackdrop from '@/components/ScalarCopy/ScalarCopyBackdrop.vue'\nimport { standardLanguages, syntaxHighlight } from '@scalar/code-highlight'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed, useId } from 'vue'\n\nimport { ScalarCodeBlockCopy } from '../ScalarCodeBlock'\nimport type { StandardLanguageKey } from './types'\n\ntype BaseProps = {\n  content?: string | object\n  prettyPrintedContent?: string\n  lang?: StandardLanguageKey | string\n  lineNumbers?: boolean\n  hideCredentials?: string | string[]\n  copy?: 'always' | 'hover' | false\n}\n\n/**\n * Uses highlight.js for syntax highlighting\n *\n * Requires at least one of content or prettyPrintedContent\n */\nconst {\n  lang = 'plaintext',\n  lineNumbers = false,\n  copy = 'hover',\n  content,\n  prettyPrintedContent,\n  hideCredentials,\n} = defineProps<\n  BaseProps &\n    (\n      | {\n          /** Raw unformatted object or string content */\n          content: string | object\n        }\n      | {\n          /**\n           * Pre-pretty printed content string for better performance\n           *\n           * Avoids unnecessary costly re-serialization of large content\n           */\n          prettyPrintedContent: string\n        }\n    )\n>()\n\n/** Base id for the code block */\nconst id = useId()\n\n/** Formatted the content into an indented json string */\nconst prettyContent = computed(\n  () => prettyPrintedContent || prettyPrintJson(content ?? ''),\n)\n\nconst highlightedCode = computed(() => {\n  const html = syntaxHighlight(prettyContent.value, {\n    lang: lang.trim(),\n    languages: standardLanguages,\n    lineNumbers: lineNumbers,\n    maskCredentials: hideCredentials,\n  })\n\n  // Need to remove the wrapping <pre> element so we can use v-html without another wrapper\n  return html.slice(5, -6)\n})\n\n/** Determine if the content is a single line */\nconst isOneLine = computed(() => !prettyContent.value.includes('\\n'))\n\nconst isContentValid = computed(() => {\n  return (\n    prettyContent.value !== null &&\n    prettyContent.value !== 'null' &&\n    prettyContent.value !== '404 Not Found'\n  )\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'scalar-code-block group/code-block flex flex-col',\n        'relative bg-b-1 min-h-0 min-w-0 focus-visible:outline',\n      )\n    \">\n    <div\n      tabindex=\"0\"\n      class=\"custom-scroll overflow-x-auto p-2 -outline-offset-2 min-h-0 min-w-0 flex-1\">\n      <pre\n        :id=\"id\"\n        class=\"m-0 bg-transparent text-nowrap whitespace-pre w-fit\"\n        v-html=\"highlightedCode\" />\n    </div>\n    <ScalarCodeBlockCopy\n      v-if=\"copy && isContentValid\"\n      class=\"scalar-code-copy absolute\"\n      :class=\"[\n        isOneLine\n          ? 'top-[calc(10px+0.5lh)] -translate-y-1/2 m-0 right-1'\n          : 'top-2.5 right-2.5',\n        { 'opacity-100': copy === 'always' },\n      ]\"\n      :content=\"prettyContent\"\n      :showLang=\"!isOneLine\"\n      :lang=\"lang\"\n      :aria-controls=\"id\">\n      <template #backdrop>\n        <ScalarCopyBackdrop\n          class=\"scalar-code-copy-backdrop\"\n          :class=\"[\n            isOneLine\n              ? '-inset-y-0.75 -right-1 group-hocus-within/code-block:-left-0.5 left-3'\n              : '-right-1.5 -top-1',\n          ]\" />\n      </template>\n    </ScalarCodeBlockCopy>\n  </div>\n</template>\n<style>\n@reference '../../style.css';\n@import '@scalar/code-highlight/css/code.css';\n\n/** Make the copy button label backdrop match the background */\n.scalar-code-block.bg-b-1 .scalar-code-copy-backdrop {\n  @apply bg-b-1;\n}\n.scalar-code-block.bg-b-2 .scalar-code-copy-backdrop {\n  @apply bg-b-2;\n}\n/** Make the copy button one shade darker than the background */\n.scalar-code-block.bg-b-2 .scalar-code-copy {\n  @apply bg-b-3;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ScalarCodeBlock.vue.js","names":[],"sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Code Block component\n *\n * Renders syntax-highlighted code using highlight.js.\n * Supports line numbers, credential masking, and an optional copy button.\n *\n * @example\n * <ScalarCodeBlock content=\"const x = 1\" lang=\"javascript\" />\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport ScalarCopyBackdrop from '@/components/ScalarCopy/ScalarCopyBackdrop.vue'\nimport { standardLanguages, syntaxHighlight } from '@scalar/code-highlight'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed, useId } from 'vue'\n\nimport { ScalarCodeBlockCopy } from '../ScalarCodeBlock'\nimport type { StandardLanguageKey } from './types'\n\ntype BaseProps = {\n  content?: string | object\n  prettyPrintedContent?: string\n  lang?: StandardLanguageKey | string\n  lineNumbers?: boolean\n  hideCredentials?: string | string[]\n  copy?: 'always' | 'hover' | false\n}\n\n/**\n * Uses highlight.js for syntax highlighting\n *\n * Requires at least one of content or prettyPrintedContent\n */\nconst {\n  lang = 'plaintext',\n  lineNumbers = false,\n  copy = 'hover',\n  content,\n  prettyPrintedContent,\n  hideCredentials,\n} = defineProps<\n  BaseProps &\n    (\n      | {\n          /** Raw unformatted object or string content */\n          content: string | object\n        }\n      | {\n          /**\n           * Pre-pretty printed content string for better performance\n           *\n           * Avoids unnecessary costly re-serialization of large content\n           */\n          prettyPrintedContent: string\n        }\n    )\n>()\n\n/** Base id for the code block */\nconst id = useId()\n\n/** Formatted the content into an indented json string */\nconst prettyContent = computed(\n  () => prettyPrintedContent || prettyPrintJson(content ?? ''),\n)\n\nconst highlightedCode = computed(() => {\n  const html = syntaxHighlight(prettyContent.value, {\n    lang: lang.trim(),\n    languages: standardLanguages,\n    lineNumbers: lineNumbers,\n    maskCredentials: hideCredentials,\n  })\n\n  // Need to remove the wrapping <pre> element so we can use v-html without another wrapper\n  return html.slice(5, -6)\n})\n\n/** Determine if the content is a single line */\nconst isOneLine = computed(() => !prettyContent.value.includes('\\n'))\n\nconst isContentValid = computed(() => {\n  return (\n    prettyContent.value !== null &&\n    prettyContent.value !== 'null' &&\n    prettyContent.value !== '404 Not Found'\n  )\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'scalar-code-block group/code-block flex flex-col',\n        'relative bg-b-1 min-h-0 min-w-0 focus-visible:outline',\n      )\n    \">\n    <div\n      tabindex=\"0\"\n      class=\"custom-scroll overflow-x-auto p-2 -outline-offset-2 min-h-0 min-w-0 flex-1\">\n      <pre\n        :id=\"id\"\n        class=\"m-0 bg-transparent text-nowrap whitespace-pre w-fit\"\n        v-html=\"highlightedCode\" />\n    </div>\n    <ScalarCodeBlockCopy\n      v-if=\"copy && isContentValid\"\n      class=\"scalar-code-copy absolute\"\n      :class=\"[\n        isOneLine\n          ? 'top-[calc(10px+0.5lh)] -translate-y-1/2 m-0 right-1'\n          : 'top-2.5 right-2.5',\n        { 'opacity-100': copy === 'always' },\n      ]\"\n      :content=\"prettyContent\"\n      :showLang=\"!isOneLine\"\n      :lang=\"lang\"\n      :aria-controls=\"id\">\n      <template #backdrop>\n        <ScalarCopyBackdrop\n          class=\"scalar-code-copy-backdrop\"\n          :class=\"[\n            isOneLine\n              ? '-inset-y-0.75 -right-1 group-hocus-within/code-block:-left-0.5 left-3'\n              : '-right-1.5 -top-1',\n          ]\" />\n      </template>\n    </ScalarCodeBlockCopy>\n  </div>\n</template>\n<style>\n@reference '../../style.css';\n@import '@scalar/code-highlight/css/code.css';\n\n/** Disable font ligatures so code renders with literal characters */\n.scalar-code-block pre {\n  font-variant-ligatures: none;\n}\n\n/** Make the copy button label backdrop match the background */\n.scalar-code-block.bg-b-1 .scalar-code-copy-backdrop {\n  @apply bg-b-1;\n}\n.scalar-code-block.bg-b-2 .scalar-code-copy-backdrop {\n  @apply bg-b-2;\n}\n/** Make the copy button one shade darker than the background */\n.scalar-code-block.bg-b-2 .scalar-code-copy {\n  @apply bg-b-3;\n}\n</style>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCodeBlock.vue.script.js","names":[],"sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Code Block component\n *\n * Renders syntax-highlighted code using highlight.js.\n * Supports line numbers, credential masking, and an optional copy button.\n *\n * @example\n * <ScalarCodeBlock content=\"const x = 1\" lang=\"javascript\" />\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport ScalarCopyBackdrop from '@/components/ScalarCopy/ScalarCopyBackdrop.vue'\nimport { standardLanguages, syntaxHighlight } from '@scalar/code-highlight'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed, useId } from 'vue'\n\nimport { ScalarCodeBlockCopy } from '../ScalarCodeBlock'\nimport type { StandardLanguageKey } from './types'\n\ntype BaseProps = {\n  content?: string | object\n  prettyPrintedContent?: string\n  lang?: StandardLanguageKey | string\n  lineNumbers?: boolean\n  hideCredentials?: string | string[]\n  copy?: 'always' | 'hover' | false\n}\n\n/**\n * Uses highlight.js for syntax highlighting\n *\n * Requires at least one of content or prettyPrintedContent\n */\nconst {\n  lang = 'plaintext',\n  lineNumbers = false,\n  copy = 'hover',\n  content,\n  prettyPrintedContent,\n  hideCredentials,\n} = defineProps<\n  BaseProps &\n    (\n      | {\n          /** Raw unformatted object or string content */\n          content: string | object\n        }\n      | {\n          /**\n           * Pre-pretty printed content string for better performance\n           *\n           * Avoids unnecessary costly re-serialization of large content\n           */\n          prettyPrintedContent: string\n        }\n    )\n>()\n\n/** Base id for the code block */\nconst id = useId()\n\n/** Formatted the content into an indented json string */\nconst prettyContent = computed(\n  () => prettyPrintedContent || prettyPrintJson(content ?? ''),\n)\n\nconst highlightedCode = computed(() => {\n  const html = syntaxHighlight(prettyContent.value, {\n    lang: lang.trim(),\n    languages: standardLanguages,\n    lineNumbers: lineNumbers,\n    maskCredentials: hideCredentials,\n  })\n\n  // Need to remove the wrapping <pre> element so we can use v-html without another wrapper\n  return html.slice(5, -6)\n})\n\n/** Determine if the content is a single line */\nconst isOneLine = computed(() => !prettyContent.value.includes('\\n'))\n\nconst isContentValid = computed(() => {\n  return (\n    prettyContent.value !== null &&\n    prettyContent.value !== 'null' &&\n    prettyContent.value !== '404 Not Found'\n  )\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'scalar-code-block group/code-block flex flex-col',\n        'relative bg-b-1 min-h-0 min-w-0 focus-visible:outline',\n      )\n    \">\n    <div\n      tabindex=\"0\"\n      class=\"custom-scroll overflow-x-auto p-2 -outline-offset-2 min-h-0 min-w-0 flex-1\">\n      <pre\n        :id=\"id\"\n        class=\"m-0 bg-transparent text-nowrap whitespace-pre w-fit\"\n        v-html=\"highlightedCode\" />\n    </div>\n    <ScalarCodeBlockCopy\n      v-if=\"copy && isContentValid\"\n      class=\"scalar-code-copy absolute\"\n      :class=\"[\n        isOneLine\n          ? 'top-[calc(10px+0.5lh)] -translate-y-1/2 m-0 right-1'\n          : 'top-2.5 right-2.5',\n        { 'opacity-100': copy === 'always' },\n      ]\"\n      :content=\"prettyContent\"\n      :showLang=\"!isOneLine\"\n      :lang=\"lang\"\n      :aria-controls=\"id\">\n      <template #backdrop>\n        <ScalarCopyBackdrop\n          class=\"scalar-code-copy-backdrop\"\n          :class=\"[\n            isOneLine\n              ? '-inset-y-0.75 -right-1 group-hocus-within/code-block:-left-0.5 left-3'\n              : '-right-1.5 -top-1',\n          ]\" />\n      </template>\n    </ScalarCodeBlockCopy>\n  </div>\n</template>\n<style>\n@reference '../../style.css';\n@import '@scalar/code-highlight/css/code.css';\n\n/** Make the copy button label backdrop match the background */\n.scalar-code-block.bg-b-1 .scalar-code-copy-backdrop {\n  @apply bg-b-1;\n}\n.scalar-code-block.bg-b-2 .scalar-code-copy-backdrop {\n  @apply bg-b-2;\n}\n/** Make the copy button one shade darker than the background */\n.scalar-code-block.bg-b-2 .scalar-code-copy {\n  @apply bg-b-3;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DA,MAAM,KAAK,OAAM;;EAGjB,MAAM,gBAAgB,eACd,QAAA,wBAAwB,gBAAgB,QAAA,WAAW,GAAG,CAC9D;EAEA,MAAM,kBAAkB,eAAe;AASrC,UARa,gBAAgB,cAAc,OAAO;IAChD,MAAM,QAAA,KAAK,MAAM;IACjB,WAAW;IACX,aAAa,QAAA;IACb,iBAAiB,QAAA;IAClB,CAAA,CAGW,MAAM,GAAG,GAAE;IACxB;;EAGD,MAAM,YAAY,eAAe,CAAC,cAAc,MAAM,SAAS,KAAK,CAAA;EAEpE,MAAM,iBAAiB,eAAe;AACpC,UACE,cAAc,UAAU,QACxB,cAAc,UAAU,UACxB,cAAc,UAAU;IAE3B;EAGD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAsCM,OAAA,eAAA,mBArCW,MAAA,GAAE,CAAA,oDAAA,wDAAA,CAAA,CAAA,EAAA,CAMjB,mBAOM,OAPN,YAOM,CAJJ,mBAG6B,OAAA;IAF1B,IAAI,MAAA,GAAE;IACP,OAAM;IACN,WAAQ,gBAAA;8BAGJ,QAAA,QAAQ,eAAA,SAAA,WAAA,EADhB,YAsBsB,MAAA,4BAAA,EAAA;;IApBpB,OAAK,eAAA,CAAC,6BAA2B,CACf,UAAA,QAAA,wDAAA,qBAAA,EAAA,eAAsI,QAAA,SAAI,UAAA,CAAA,CAAA,CAAA;IAM3J,SAAS,cAAA;IACT,UAAQ,CAAG,UAAA;IACX,MAAM,QAAA;IACN,iBAAe,MAAA,GAAE;;IACP,UAAQ,cAOV,CANP,YAMO,4BAAA,EALL,OAAK,eAAA,CAAC,6BAA2B,CACX,UAAA,QAAA,0EAAA,oBAAA,CAAA,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarCodeBlock.vue.script.js","names":[],"sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Code Block component\n *\n * Renders syntax-highlighted code using highlight.js.\n * Supports line numbers, credential masking, and an optional copy button.\n *\n * @example\n * <ScalarCodeBlock content=\"const x = 1\" lang=\"javascript\" />\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport ScalarCopyBackdrop from '@/components/ScalarCopy/ScalarCopyBackdrop.vue'\nimport { standardLanguages, syntaxHighlight } from '@scalar/code-highlight'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed, useId } from 'vue'\n\nimport { ScalarCodeBlockCopy } from '../ScalarCodeBlock'\nimport type { StandardLanguageKey } from './types'\n\ntype BaseProps = {\n  content?: string | object\n  prettyPrintedContent?: string\n  lang?: StandardLanguageKey | string\n  lineNumbers?: boolean\n  hideCredentials?: string | string[]\n  copy?: 'always' | 'hover' | false\n}\n\n/**\n * Uses highlight.js for syntax highlighting\n *\n * Requires at least one of content or prettyPrintedContent\n */\nconst {\n  lang = 'plaintext',\n  lineNumbers = false,\n  copy = 'hover',\n  content,\n  prettyPrintedContent,\n  hideCredentials,\n} = defineProps<\n  BaseProps &\n    (\n      | {\n          /** Raw unformatted object or string content */\n          content: string | object\n        }\n      | {\n          /**\n           * Pre-pretty printed content string for better performance\n           *\n           * Avoids unnecessary costly re-serialization of large content\n           */\n          prettyPrintedContent: string\n        }\n    )\n>()\n\n/** Base id for the code block */\nconst id = useId()\n\n/** Formatted the content into an indented json string */\nconst prettyContent = computed(\n  () => prettyPrintedContent || prettyPrintJson(content ?? ''),\n)\n\nconst highlightedCode = computed(() => {\n  const html = syntaxHighlight(prettyContent.value, {\n    lang: lang.trim(),\n    languages: standardLanguages,\n    lineNumbers: lineNumbers,\n    maskCredentials: hideCredentials,\n  })\n\n  // Need to remove the wrapping <pre> element so we can use v-html without another wrapper\n  return html.slice(5, -6)\n})\n\n/** Determine if the content is a single line */\nconst isOneLine = computed(() => !prettyContent.value.includes('\\n'))\n\nconst isContentValid = computed(() => {\n  return (\n    prettyContent.value !== null &&\n    prettyContent.value !== 'null' &&\n    prettyContent.value !== '404 Not Found'\n  )\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'scalar-code-block group/code-block flex flex-col',\n        'relative bg-b-1 min-h-0 min-w-0 focus-visible:outline',\n      )\n    \">\n    <div\n      tabindex=\"0\"\n      class=\"custom-scroll overflow-x-auto p-2 -outline-offset-2 min-h-0 min-w-0 flex-1\">\n      <pre\n        :id=\"id\"\n        class=\"m-0 bg-transparent text-nowrap whitespace-pre w-fit\"\n        v-html=\"highlightedCode\" />\n    </div>\n    <ScalarCodeBlockCopy\n      v-if=\"copy && isContentValid\"\n      class=\"scalar-code-copy absolute\"\n      :class=\"[\n        isOneLine\n          ? 'top-[calc(10px+0.5lh)] -translate-y-1/2 m-0 right-1'\n          : 'top-2.5 right-2.5',\n        { 'opacity-100': copy === 'always' },\n      ]\"\n      :content=\"prettyContent\"\n      :showLang=\"!isOneLine\"\n      :lang=\"lang\"\n      :aria-controls=\"id\">\n      <template #backdrop>\n        <ScalarCopyBackdrop\n          class=\"scalar-code-copy-backdrop\"\n          :class=\"[\n            isOneLine\n              ? '-inset-y-0.75 -right-1 group-hocus-within/code-block:-left-0.5 left-3'\n              : '-right-1.5 -top-1',\n          ]\" />\n      </template>\n    </ScalarCodeBlockCopy>\n  </div>\n</template>\n<style>\n@reference '../../style.css';\n@import '@scalar/code-highlight/css/code.css';\n\n/** Disable font ligatures so code renders with literal characters */\n.scalar-code-block pre {\n  font-variant-ligatures: none;\n}\n\n/** Make the copy button label backdrop match the background */\n.scalar-code-block.bg-b-1 .scalar-code-copy-backdrop {\n  @apply bg-b-1;\n}\n.scalar-code-block.bg-b-2 .scalar-code-copy-backdrop {\n  @apply bg-b-2;\n}\n/** Make the copy button one shade darker than the background */\n.scalar-code-block.bg-b-2 .scalar-code-copy {\n  @apply bg-b-3;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DA,MAAM,KAAK,OAAM;;EAGjB,MAAM,gBAAgB,eACd,QAAA,wBAAwB,gBAAgB,QAAA,WAAW,GAAG,CAC9D;EAEA,MAAM,kBAAkB,eAAe;AASrC,UARa,gBAAgB,cAAc,OAAO;IAChD,MAAM,QAAA,KAAK,MAAM;IACjB,WAAW;IACX,aAAa,QAAA;IACb,iBAAiB,QAAA;IAClB,CAAA,CAGW,MAAM,GAAG,GAAE;IACxB;;EAGD,MAAM,YAAY,eAAe,CAAC,cAAc,MAAM,SAAS,KAAK,CAAA;EAEpE,MAAM,iBAAiB,eAAe;AACpC,UACE,cAAc,UAAU,QACxB,cAAc,UAAU,UACxB,cAAc,UAAU;IAE3B;EAGD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAsCM,OAAA,eAAA,mBArCW,MAAA,GAAE,CAAA,oDAAA,wDAAA,CAAA,CAAA,EAAA,CAMjB,mBAOM,OAPN,YAOM,CAJJ,mBAG6B,OAAA;IAF1B,IAAI,MAAA,GAAE;IACP,OAAM;IACN,WAAQ,gBAAA;8BAGJ,QAAA,QAAQ,eAAA,SAAA,WAAA,EADhB,YAsBsB,MAAA,4BAAA,EAAA;;IApBpB,OAAK,eAAA,CAAC,6BAA2B,CACf,UAAA,QAAA,wDAAA,qBAAA,EAAA,eAAsI,QAAA,SAAI,UAAA,CAAA,CAAA,CAAA;IAM3J,SAAS,cAAA;IACT,UAAQ,CAAG,UAAA;IACX,MAAM,QAAA;IACN,iBAAe,MAAA,GAAE;;IACP,UAAQ,cAOV,CANP,YAMO,4BAAA,EALL,OAAK,eAAA,CAAC,6BAA2B,CACX,UAAA,QAAA,0EAAA,oBAAA,CAAA,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA"}

package/dist/components/ScalarCodeBlock/index.js

@@ -0,0 +1,3 @@
+import ScalarCodeBlock_default from "./ScalarCodeBlock.vue.js";
+import ScalarCodeBlockCopy_default from "./ScalarCodeBlockCopy.vue.js";
+export { ScalarCodeBlock_default as ScalarCodeBlock, ScalarCodeBlockCopy_default as ScalarCodeBlockCopy };

package/dist/components/ScalarColorModeToggle/index.js

@@ -0,0 +1,4 @@
+import ScalarColorModeToggleIcon_default from "./ScalarColorModeToggleIcon.vue.js";
+import ScalarColorModeToggleButton_default from "./ScalarColorModeToggleButton.vue.js";
+import ScalarColorModeToggle_default from "./ScalarColorModeToggle.vue.js";
+export { ScalarColorModeToggle_default as ScalarColorModeToggle, ScalarColorModeToggleButton_default as ScalarColorModeToggleButton, ScalarColorModeToggleIcon_default as ScalarColorModeToggleIcon };

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

@@ -1,4 +1,4 @@
-import type { ScalarFloatingOptions } from '../ScalarFloating';
+import type { ScalarFloatingOptions } from '../ScalarFloating/index.js';
 import type { ComboboxSlots, FilterFunction, Option, OptionGroup, OptionsOrGroups } from './types.js';
 /**
  * Scalar Combobox component

package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ScalarFloatingOptions } from '../ScalarFloating';
+import type { ScalarFloatingOptions } from '../ScalarFloating/index.js';
 import type { ComboboxSlots, FilterFunction, Option, OptionGroup, OptionsOrGroups } from './types.js';
 /**
  * Scalar Combobox Multiselect component
@@ -244,7 +244,7 @@ declare const __VLS_export: <O extends Option = Option, G extends OptionGroup<O>
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-            $slots: import("../ScalarPopover").ScalarPopoverSlots;
+            $slots: import("../ScalarPopover/index.js").ScalarPopoverSlots;
         })) | null, ({
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ScalarFloatingOptions> & Readonly<{}>, {
                 popoverButtonRef: import("vue").Ref<import("vue").DefineComponent<{
@@ -456,7 +456,7 @@ declare const __VLS_export: <O extends Option = Option, G extends OptionGroup<O>
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> | null>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-            $slots: import("../ScalarPopover").ScalarPopoverSlots;
+            $slots: import("../ScalarPopover/index.js").ScalarPopoverSlots;
         })) | null>;
     }>) => void;
     attrs: any;

package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts

@@ -1,5 +1,5 @@
-import { type ScalarFloatingOptions } from '../ScalarFloating';
-import type { ScalarPopoverSlots } from '../ScalarPopover';
+import { type ScalarFloatingOptions } from '../ScalarFloating/index.js';
+import type { ScalarPopoverSlots } from '../ScalarPopover/index.js';
 /**
  * Scalar Combobox Popover component
  *

package/dist/components/ScalarCombobox/index.js

@@ -0,0 +1,4 @@
+import { isGroups } from "./types.js";
+import ScalarCombobox_default from "./ScalarCombobox.vue.js";
+import ScalarComboboxMultiselect_default from "./ScalarComboboxMultiselect.vue.js";
+export { ScalarCombobox_default as ScalarCombobox, ScalarComboboxMultiselect_default as ScalarComboboxMultiselect, isGroups as isScalarComboboxGroups };

package/dist/components/ScalarCopy/index.js

@@ -0,0 +1,4 @@
+import ScalarCopyBackdrop_default from "./ScalarCopyBackdrop.vue.js";
+import ScalarCopyButton_default from "./ScalarCopyButton.vue.js";
+import ScalarCopy_default from "./ScalarCopy.vue.js";
+export { ScalarCopy_default as ScalarCopy, ScalarCopyBackdrop_default as ScalarCopyBackdrop, ScalarCopyButton_default as ScalarCopyButton };

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

@@ -1,4 +1,4 @@
-import { type ScalarFloatingOptions } from '../ScalarFloating';
+import { type ScalarFloatingOptions } from '../ScalarFloating/index.js';
 /**
  * Scalar dropdown component
  *

package/dist/components/ScalarDropdown/index.js

@@ -0,0 +1,6 @@
+import ScalarDropdownMenu_default from "./ScalarDropdownMenu.vue.js";
+import ScalarDropdown_default from "./ScalarDropdown.vue.js";
+import ScalarDropdownButton_default from "./ScalarDropdownButton.vue.js";
+import ScalarDropdownDivider_default from "./ScalarDropdownDivider.vue.js";
+import ScalarDropdownItem_default from "./ScalarDropdownItem.vue.js";
+export { ScalarDropdown_default as ScalarDropdown, ScalarDropdownButton_default as ScalarDropdownButton, ScalarDropdownDivider_default as ScalarDropdownDivider, ScalarDropdownItem_default as ScalarDropdownItem, ScalarDropdownMenu_default as ScalarDropdownMenu };

package/dist/components/ScalarErrorBoundary/index.js

@@ -0,0 +1,2 @@
+import ScalarErrorBoundary_default from "./ScalarErrorBoundary.vue.js";
+export { ScalarErrorBoundary_default as ScalarErrorBoundary };

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

@@ -1,4 +1,4 @@
-import type { LoadingState } from '../ScalarLoading';
+import type { LoadingState } from '../ScalarLoading/index.js';
 import { type ExtensionList } from './types.js';
 /**
  * Scalar File Upload component

package/dist/components/ScalarFileUpload/ScalarFileUploadLoading.vue.d.ts

@@ -1,4 +1,4 @@
-import { type LoadingState } from '../ScalarLoading';
+import { type LoadingState } from '../ScalarLoading/index.js';
 /**
  * Scalar File Upload Loading
  *

package/dist/components/ScalarFileUpload/index.js

@@ -0,0 +1,8 @@
+import ScalarFileUploadDropTarget_default from "./ScalarFileUploadDropTarget.vue.js";
+import ScalarFileUploadError_default from "./ScalarFileUploadError.vue.js";
+import ScalarFileUploadInput_default from "./ScalarFileUploadInput.vue.js";
+import ScalarFileUploadInputCompact_default from "./ScalarFileUploadInputCompact.vue.js";
+import ScalarFileUploadLoading_default from "./ScalarFileUploadLoading.vue.js";
+import ScalarFileUpload_default from "./ScalarFileUpload.vue.js";
+import ScalarFileUploadFileList_default from "./ScalarFileUploadFileList.vue.js";
+export { ScalarFileUpload_default as ScalarFileUpload, ScalarFileUploadDropTarget_default as ScalarFileUploadDropTarget, ScalarFileUploadError_default as ScalarFileUploadError, ScalarFileUploadFileList_default as ScalarFileUploadFileList, ScalarFileUploadInput_default as ScalarFileUploadInput, ScalarFileUploadInputCompact_default as ScalarFileUploadInputCompact, ScalarFileUploadLoading_default as ScalarFileUploadLoading };

package/dist/components/ScalarFloating/index.js

@@ -0,0 +1,3 @@
+import ScalarFloating_default from "./ScalarFloating.vue.js";
+import ScalarFloatingBackdrop_default from "./ScalarFloatingBackdrop.vue.js";
+export { ScalarFloating_default as ScalarFloating, ScalarFloatingBackdrop_default as ScalarFloatingBackdrop };

package/dist/components/ScalarForm/index.js

@@ -0,0 +1,7 @@
+import ScalarForm_default from "./ScalarForm.vue.js";
+import ScalarFormError_default from "./ScalarFormError.vue.js";
+import ScalarFormField_default from "./ScalarFormField.vue.js";
+import ScalarFormInput_default from "./ScalarFormInput.vue.js";
+import ScalarFormInputGroup_default from "./ScalarFormInputGroup.vue.js";
+import ScalarFormSection_default from "./ScalarFormSection.vue.js";
+export { ScalarForm_default as ScalarForm, ScalarFormError_default as ScalarFormError, ScalarFormField_default as ScalarFormField, ScalarFormInput_default as ScalarFormInput, ScalarFormInputGroup_default as ScalarFormInputGroup, ScalarFormSection_default as ScalarFormSection };

package/dist/components/ScalarHeader/index.js

@@ -0,0 +1,3 @@
+import ScalarHeader_default from "./ScalarHeader.vue.js";
+import ScalarHeaderButton_default from "./ScalarHeaderButton.vue.js";
+export { ScalarHeader_default as ScalarHeader, ScalarHeaderButton_default as ScalarHeaderButton };

package/dist/components/ScalarHotkey/index.js

@@ -0,0 +1,3 @@
+import { formatHotkeySymbols } from "./formatHotkey.js";
+import ScalarHotkey_default from "./ScalarHotkey.vue.js";
+export { ScalarHotkey_default as ScalarHotkey, formatHotkeySymbols };

package/dist/components/ScalarIcon/index.js

@@ -0,0 +1,3 @@
+import ScalarIcon_default from "./ScalarIcon.vue.js";
+import ScalarIconLegacyAdapter_default from "./ScalarIconLegacyAdapter.vue.js";
+export { ScalarIcon_default as ScalarIcon, ScalarIconLegacyAdapter_default as ScalarIconLegacyAdapter };

package/dist/components/ScalarIconButton/index.js

@@ -0,0 +1,2 @@
+import ScalarIconButton_default from "./ScalarIconButton.vue.js";
+export { ScalarIconButton_default as ScalarIconButton };

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

@@ -1,6 +1,6 @@
 import type { ScalarIconComponent, ScalarIconWeight } from '@scalar/icons/types';
 import type { ButtonVariant } from '../ScalarButton/types';
-import type { Icon as LegacyIcon } from '../ScalarIcon';
+import type { Icon as LegacyIcon } from '../ScalarIcon/index.js';
 import type { ScalarTooltipPlacement } from '../ScalarTooltip/types';
 export type ScalarIconButtonProps = {
     /**

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

@@ -1,4 +1,4 @@
-import { type ScalarFloatingOptions } from '../ScalarFloating';
+import { type ScalarFloatingOptions } from '../ScalarFloating/index.js';
 import type { Option } from './types';
 /**
  * Scalar Listbox component

package/dist/components/ScalarListbox/index.js

@@ -0,0 +1,5 @@
+import ScalarListboxCheckbox_default from "./ScalarListboxCheckbox.vue.js";
+import ScalarListboxItem_default from "./ScalarListboxItem.vue.js";
+import ScalarListbox_default from "./ScalarListbox.vue.js";
+import ScalarListboxInput_default from "./ScalarListboxInput.vue.js";
+export { ScalarListbox_default as ScalarListbox, ScalarListboxCheckbox_default as ScalarListboxCheckbox, ScalarListboxInput_default as ScalarListboxInput, ScalarListboxItem_default as ScalarListboxItem };

package/dist/components/ScalarLoading/index.js

@@ -0,0 +1,3 @@
+import ScalarLoading_default from "./ScalarLoading.vue.js";
+import { useLoadingState } from "./useLoadingState.js";
+export { ScalarLoading_default as ScalarLoading, useLoadingState };

package/dist/components/ScalarMarkdown/index.js

@@ -0,0 +1,3 @@
+import ScalarMarkdown_default from "./ScalarMarkdown.vue.js";
+import ScalarMarkdownSummary_default from "./ScalarMarkdownSummary.vue.js";
+export { ScalarMarkdown_default as ScalarMarkdown, ScalarMarkdownSummary_default as ScalarMarkdownSummary };

package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts

@@ -1,6 +1,6 @@
 import type { ScalarIconComponent } from '@scalar/icons/types';
 import type { Component } from 'vue';
-import { type Icon } from '../ScalarIcon';
+import { type Icon } from '../ScalarIcon/index.js';
 /**
  * Scalar Menu Link component
  *

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

@@ -1,4 +1,4 @@
-import { type ScalarMenuTeamOption } from '.';
+import { type ScalarMenuTeamOption } from './index.js';
 /**
  * Scalar Menu Team Picker component
  *

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

@@ -1,4 +1,4 @@
-import { type ScalarListboxOption } from '../ScalarListbox';
+import { type ScalarListboxOption } from '../ScalarListbox/index.js';
 export type WorkspaceGroup = {
     /** Label for the group */
     label?: string;

package/dist/components/ScalarMenu/index.js

@@ -0,0 +1,12 @@
+import ScalarMenuButton_default from "./ScalarMenuButton.vue.js";
+import ScalarMenuProduct_default from "./ScalarMenuProduct.vue.js";
+import ScalarMenuProducts_default from "./ScalarMenuProducts.vue.js";
+import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
+import ScalarMenuSection_default from "./ScalarMenuSection.vue.js";
+import ScalarMenuResources_default from "./ScalarMenuResources.vue.js";
+import ScalarMenu_default from "./ScalarMenu.vue.js";
+import ScalarMenuSupport_default from "./ScalarMenuSupport.vue.js";
+import ScalarMenuTeamProfile_default from "./ScalarMenuTeamProfile.vue.js";
+import ScalarMenuTeamPicker_default from "./ScalarMenuTeamPicker.vue.js";
+import ScalarMenuWorkspacePicker_default from "./ScalarMenuWorkspacePicker.vue.js";
+export { ScalarMenu_default as ScalarMenu, ScalarMenuButton_default as ScalarMenuButton, ScalarMenuLink_default as ScalarMenuLink, ScalarMenuProduct_default as ScalarMenuProduct, ScalarMenuProducts_default as ScalarMenuProducts, ScalarMenuResources_default as ScalarMenuResources, ScalarMenuSection_default as ScalarMenuSection, ScalarMenuSupport_default as ScalarMenuSupport, ScalarMenuTeamPicker_default as ScalarMenuTeamPicker, ScalarMenuTeamProfile_default as ScalarMenuTeamProfile, ScalarMenuWorkspacePicker_default as ScalarMenuWorkspacePicker };

package/dist/components/ScalarModal/index.js

@@ -0,0 +1,3 @@
+import { useModal } from "./ScalarModal.vue.script.js";
+import ScalarModal_default from "./ScalarModal.vue.js";
+export { ScalarModal_default as ScalarModal, useModal };

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

@@ -1,4 +1,4 @@
-import { type ScalarFloatingOptions } from '../ScalarFloating';
+import { type ScalarFloatingOptions } from '../ScalarFloating/index.js';
 import type { Slots } from './types';
 /**
  * Scalar Popover component

package/dist/components/ScalarPopover/index.js

@@ -0,0 +1,2 @@
+import ScalarPopover_default from "./ScalarPopover.vue.js";
+export { ScalarPopover_default as ScalarPopover };

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

@@ -1,4 +1,4 @@
-import type { LoadingState } from '../ScalarLoading';
+import type { LoadingState } from '../ScalarLoading/index.js';
 /**
  * Scalar save prompt
  *

package/dist/components/ScalarSavePrompt/index.js

@@ -0,0 +1,2 @@
+import ScalarSavePrompt_default from "./ScalarSavePrompt.vue.js";
+export { ScalarSavePrompt_default as ScalarSavePrompt };

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

@@ -1,4 +1,4 @@
-import { type LoadingState } from '../ScalarLoading';
+import { type LoadingState } from '../ScalarLoading/index.js';
 /**
  * Scalar search input component
  *

package/dist/components/ScalarSearchInput/index.js

@@ -0,0 +1,2 @@
+import ScalarSearchInput_default from "./ScalarSearchInput.vue.js";
+export { ScalarSearchInput_default as ScalarSearchInput };

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts

@@ -1,5 +1,5 @@
 import type { ScalarIconComponent } from '@scalar/icons/types';
-import { type Icon } from '../ScalarIcon';
+import { type Icon } from '../ScalarIcon/index.js';
 /**
  * Scalar Search Result Item component
  *

package/dist/components/ScalarSearchResults/index.js

@@ -0,0 +1,3 @@
+import ScalarSearchResultItem_default from "./ScalarSearchResultItem.vue.js";
+import ScalarSearchResultList_default from "./ScalarSearchResultList.vue.js";
+export { ScalarSearchResultItem_default as ScalarSearchResultItem, ScalarSearchResultList_default as ScalarSearchResultList };

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggle.vue.d.ts

@@ -1,6 +1,6 @@
 import type { ScalarIconComponent } from '@scalar/icons/types';
 import type { Component } from 'vue';
-import { type Icon } from '../ScalarIcon';
+import { type Icon } from '../ScalarIcon/index.js';
 /**
  * Scalar Sidebar Group toggle component
  *

package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { type LoadingState } from '../ScalarLoading';
+import { type LoadingState } from '../ScalarLoading/index.js';
 /**
  * Scalar Sidebar Search Input component
  *

package/dist/components/ScalarSidebar/index.js

@@ -0,0 +1,14 @@
+import ScalarSidebar_default from "./ScalarSidebar.vue.js";
+import ScalarSidebarIndent_default from "./ScalarSidebarIndent.vue.js";
+import ScalarSidebarButton_default from "./ScalarSidebarButton.vue.js";
+import ScalarSidebarFooter_default from "./ScalarSidebarFooter.vue.js";
+import ScalarSidebarGroupToggle_default from "./ScalarSidebarGroupToggle.vue.js";
+import ScalarSidebarItem_default from "./ScalarSidebarItem.vue.js";
+import ScalarSidebarGroup_default from "./ScalarSidebarGroup.vue.js";
+import ScalarSidebarItems_default from "./ScalarSidebarItems.vue.js";
+import ScalarSidebarSpacer_default from "./ScalarSidebarSpacer.vue.js";
+import ScalarSidebarNestedItems_default from "./ScalarSidebarNestedItems.vue.js";
+import ScalarSidebarSearchButton_default from "./ScalarSidebarSearchButton.vue.js";
+import ScalarSidebarSearchInput_default from "./ScalarSidebarSearchInput.vue.js";
+import ScalarSidebarSection_default from "./ScalarSidebarSection.vue.js";
+export { ScalarSidebar_default as ScalarSidebar, ScalarSidebarButton_default as ScalarSidebarButton, ScalarSidebarFooter_default as ScalarSidebarFooter, ScalarSidebarGroup_default as ScalarSidebarGroup, ScalarSidebarGroupToggle_default as ScalarSidebarGroupToggle, ScalarSidebarIndent_default as ScalarSidebarIndent, ScalarSidebarItem_default as ScalarSidebarItem, ScalarSidebarItems_default as ScalarSidebarItems, ScalarSidebarNestedItems_default as ScalarSidebarNestedItems, ScalarSidebarSearchButton_default as ScalarSidebarSearchButton, ScalarSidebarSearchInput_default as ScalarSidebarSearchInput, ScalarSidebarSection_default as ScalarSidebarSection, ScalarSidebarSpacer_default as ScalarSidebarSpacer };

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

@@ -1,6 +1,6 @@
 import type { ScalarIconComponent } from '@scalar/icons/types';
 import type { Component } from 'vue';
-import type { Icon } from '../ScalarIcon';
+import type { Icon } from '../ScalarIcon/index.js';
 import type { SidebarGroupLevel } from './useSidebarGroups.js';
 /** Scalar Sidebar Item Props */
 export type ScalarSidebarItemProps = {

package/dist/components/ScalarTeleport/index.js

@@ -0,0 +1,4 @@
+import { TELEPORT_SYMBOL, useProvideTeleport, useTeleport } from "./useTeleport.js";
+import ScalarTeleport_default from "./ScalarTeleport.vue.js";
+import ScalarTeleportRoot_default from "./ScalarTeleportRoot.vue.js";
+export { ScalarTeleport_default as ScalarTeleport, ScalarTeleportRoot_default as ScalarTeleportRoot, TELEPORT_SYMBOL, useProvideTeleport, useTeleport };

package/dist/components/ScalarTextArea/index.js

@@ -0,0 +1,2 @@
+import ScalarTextArea_default from "./ScalarTextArea.vue.js";
+export { ScalarTextArea_default as ScalarTextArea };

package/dist/components/ScalarTextInput/index.js

@@ -0,0 +1,3 @@
+import ScalarTextInput_default from "./ScalarTextInput.vue.js";
+import ScalarTextInputCopy_default from "./ScalarTextInputCopy.vue.js";
+export { ScalarTextInput_default as ScalarTextInput, ScalarTextInputCopy_default as ScalarTextInputCopy };

package/dist/components/ScalarThemeSwatches/index.js

@@ -0,0 +1,3 @@
+import { useThemeSwatches } from "./useThemeSwatches.js";
+import ScalarThemeSwatches_default from "./ScalarThemeSwatches.vue.js";
+export { ScalarThemeSwatches_default as ScalarThemeSwatches, useThemeSwatches };

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

@@ -1,4 +1,4 @@
-import type { ScalarCheckboxOption } from '../ScalarCheckboxInput';
+import type { ScalarCheckboxOption } from '../ScalarCheckboxInput/index.js';
 /**
  * Scalar Toggle Group component
  *

package/dist/components/ScalarToggle/index.js

@@ -0,0 +1,4 @@
+import ScalarToggle_default from "./ScalarToggle.vue.js";
+import ScalarToggleInput_default from "./ScalarToggleInput.vue.js";
+import ScalarToggleGroup_default from "./ScalarToggleGroup.vue.js";
+export { ScalarToggle_default as ScalarToggle, ScalarToggleGroup_default as ScalarToggleGroup, ScalarToggleInput_default as ScalarToggleInput };

package/dist/components/ScalarTooltip/index.js

@@ -0,0 +1,4 @@
+import { useTooltip } from "./useTooltip.js";
+import ScalarHotkeyTooltip_default from "./ScalarHotkeyTooltip.vue.js";
+import ScalarTooltip_default from "./ScalarTooltip.vue.js";
+export { ScalarHotkeyTooltip_default as ScalarHotkeyTooltip, ScalarTooltip_default as ScalarTooltip, useTooltip };

package/dist/components/ScalarVirtualText/index.js

@@ -0,0 +1,2 @@
+import ScalarVirtualText_default from "./ScalarVirtualText.vue.js";
+export { ScalarVirtualText_default as ScalarVirtualText };

package/dist/components/ScalarWrappingText/index.js

@@ -0,0 +1,2 @@
+import ScalarWrappingText_default from "./ScalarWrappingText.vue.js";
+export { ScalarWrappingText_default as ScalarWrappingText };

package/dist/helpers/index.js

@@ -0,0 +1,2 @@
+import { addScalarClassesToHeadless } from "./add-scalar-classes.js";
+export { addScalarClassesToHeadless };

package/dist/index.d.ts

@@ -1,49 +1,49 @@
 export { compose, cva, cx, tw, useBindCx } from '@scalar/use-hooks/useBindCx';
-export type { ScalarButtonSize, ScalarButtonVariant } from './components/ScalarButton';
-export { ScalarButton } from './components/ScalarButton';
-export { ScalarCard, ScalarCardFooter, ScalarCardHeader, ScalarCardSection } from './components/ScalarCard';
-export type { ScalarCheckboxOption, ScalarCheckboxType } from './components/ScalarCheckboxInput';
-export { ScalarCheckbox, ScalarCheckboxGroup, ScalarCheckboxInput, ScalarCheckboxRadioGroup, } from './components/ScalarCheckboxInput';
-export { ScalarCodeBlock, ScalarCodeBlockCopy } from './components/ScalarCodeBlock';
-export { ScalarColorModeToggle, ScalarColorModeToggleButton, ScalarColorModeToggleIcon, } from './components/ScalarColorModeToggle';
-export type { ScalarComboboxFilterFunction, ScalarComboboxOption, ScalarComboboxOptionGroup, ScalarComboboxOptionsOrGroups, } from './components/ScalarCombobox';
-export { ScalarCombobox, ScalarComboboxMultiselect, isScalarComboboxGroups } from './components/ScalarCombobox';
-export { ScalarCopy, ScalarCopyBackdrop, ScalarCopyButton } from './components/ScalarCopy';
-export { ScalarDropdown, ScalarDropdownButton, ScalarDropdownDivider, ScalarDropdownItem, ScalarDropdownMenu, } from './components/ScalarDropdown';
-export { ScalarErrorBoundary } from './components/ScalarErrorBoundary';
-export { ScalarFileUpload, ScalarFileUploadDropTarget, ScalarFileUploadError, ScalarFileUploadFileList, ScalarFileUploadInput, ScalarFileUploadInputCompact, ScalarFileUploadLoading, } from './components/ScalarFileUpload';
-export type { ScalarFloatingOptions } from './components/ScalarFloating';
-export { ScalarFloating, ScalarFloatingBackdrop } from './components/ScalarFloating';
-export { ScalarForm, ScalarFormError, ScalarFormField, ScalarFormInput, ScalarFormInputGroup, ScalarFormSection, } from './components/ScalarForm';
-export { ScalarHeader, ScalarHeaderButton } from './components/ScalarHeader';
-export type { ScalarHotkeyModifier } from './components/ScalarHotkey';
-export { ScalarHotkey, formatHotkeySymbols } from './components/ScalarHotkey';
-export type { Icon } from './components/ScalarIcon';
-export { ScalarIcon, ScalarIconLegacyAdapter } from './components/ScalarIcon';
-export { ScalarIconButton } from './components/ScalarIconButton';
-export type { ScalarListboxOption } from './components/ScalarListbox';
-export { ScalarListbox, ScalarListboxCheckbox, ScalarListboxInput, ScalarListboxItem } from './components/ScalarListbox';
-export type { LoadingState } from './components/ScalarLoading';
-export { ScalarLoading, useLoadingState } from './components/ScalarLoading';
-export { ScalarMarkdown, ScalarMarkdownSummary } from './components/ScalarMarkdown';
-export type { ScalarMenuTeamOption, WorkspaceGroup } from './components/ScalarMenu';
-export { ScalarMenu, ScalarMenuButton, ScalarMenuLink, ScalarMenuProduct, ScalarMenuProducts, ScalarMenuResources, ScalarMenuSection, ScalarMenuSupport, ScalarMenuTeamPicker, ScalarMenuTeamProfile, ScalarMenuWorkspacePicker, } from './components/ScalarMenu';
-export type { ModalState } from './components/ScalarModal';
-export { ScalarModal, useModal } from './components/ScalarModal';
-export type { ScalarPopoverSlots } from './components/ScalarPopover';
-export { ScalarPopover } from './components/ScalarPopover';
-export { ScalarSavePrompt } from './components/ScalarSavePrompt';
-export { ScalarSearchInput } from './components/ScalarSearchInput';
-export { ScalarSearchResultItem, ScalarSearchResultList } from './components/ScalarSearchResults';
-export { ScalarSidebar, ScalarSidebarButton, ScalarSidebarFooter, ScalarSidebarGroup, ScalarSidebarGroupToggle, ScalarSidebarIndent, ScalarSidebarItem, ScalarSidebarItems, ScalarSidebarNestedItems, ScalarSidebarSearchButton, ScalarSidebarSearchInput, ScalarSidebarSection, ScalarSidebarSpacer, } from './components/ScalarSidebar';
-export { ScalarTeleport, ScalarTeleportRoot, TELEPORT_SYMBOL, useProvideTeleport, useTeleport, } from './components/ScalarTeleport';
-export { ScalarTextArea } from './components/ScalarTextArea';
-export { ScalarTextInput, ScalarTextInputCopy } from './components/ScalarTextInput';
-export { ScalarThemeSwatches, useThemeSwatches } from './components/ScalarThemeSwatches';
-export { ScalarToggle, ScalarToggleGroup, ScalarToggleInput } from './components/ScalarToggle';
-export type { ScalarTooltipPlacement, TooltipConfiguration } from './components/ScalarTooltip';
-export { ScalarHotkeyTooltip, ScalarTooltip, useTooltip } from './components/ScalarTooltip';
-export { ScalarVirtualText } from './components/ScalarVirtualText';
-export { ScalarWrappingText } from './components/ScalarWrappingText';
-export { addScalarClassesToHeadless } from './helpers';
+export type { ScalarButtonSize, ScalarButtonVariant } from './components/ScalarButton/index.js';
+export { ScalarButton } from './components/ScalarButton/index.js';
+export { ScalarCard, ScalarCardFooter, ScalarCardHeader, ScalarCardSection } from './components/ScalarCard/index.js';
+export type { ScalarCheckboxOption, ScalarCheckboxType } from './components/ScalarCheckboxInput/index.js';
+export { ScalarCheckbox, ScalarCheckboxGroup, ScalarCheckboxInput, ScalarCheckboxRadioGroup, } from './components/ScalarCheckboxInput/index.js';
+export { ScalarCodeBlock, ScalarCodeBlockCopy } from './components/ScalarCodeBlock/index.js';
+export { ScalarColorModeToggle, ScalarColorModeToggleButton, ScalarColorModeToggleIcon, } from './components/ScalarColorModeToggle/index.js';
+export type { ScalarComboboxFilterFunction, ScalarComboboxOption, ScalarComboboxOptionGroup, ScalarComboboxOptionsOrGroups, } from './components/ScalarCombobox/index.js';
+export { ScalarCombobox, ScalarComboboxMultiselect, isScalarComboboxGroups } from './components/ScalarCombobox/index.js';
+export { ScalarCopy, ScalarCopyBackdrop, ScalarCopyButton } from './components/ScalarCopy/index.js';
+export { ScalarDropdown, ScalarDropdownButton, ScalarDropdownDivider, ScalarDropdownItem, ScalarDropdownMenu, } from './components/ScalarDropdown/index.js';
+export { ScalarErrorBoundary } from './components/ScalarErrorBoundary/index.js';
+export { ScalarFileUpload, ScalarFileUploadDropTarget, ScalarFileUploadError, ScalarFileUploadFileList, ScalarFileUploadInput, ScalarFileUploadInputCompact, ScalarFileUploadLoading, } from './components/ScalarFileUpload/index.js';
+export type { ScalarFloatingOptions } from './components/ScalarFloating/index.js';
+export { ScalarFloating, ScalarFloatingBackdrop } from './components/ScalarFloating/index.js';
+export { ScalarForm, ScalarFormError, ScalarFormField, ScalarFormInput, ScalarFormInputGroup, ScalarFormSection, } from './components/ScalarForm/index.js';
+export { ScalarHeader, ScalarHeaderButton } from './components/ScalarHeader/index.js';
+export type { ScalarHotkeyModifier } from './components/ScalarHotkey/index.js';
+export { ScalarHotkey, formatHotkeySymbols } from './components/ScalarHotkey/index.js';
+export type { Icon } from './components/ScalarIcon/index.js';
+export { ScalarIcon, ScalarIconLegacyAdapter } from './components/ScalarIcon/index.js';
+export { ScalarIconButton } from './components/ScalarIconButton/index.js';
+export type { ScalarListboxOption } from './components/ScalarListbox/index.js';
+export { ScalarListbox, ScalarListboxCheckbox, ScalarListboxInput, ScalarListboxItem } from './components/ScalarListbox/index.js';
+export type { LoadingState } from './components/ScalarLoading/index.js';
+export { ScalarLoading, useLoadingState } from './components/ScalarLoading/index.js';
+export { ScalarMarkdown, ScalarMarkdownSummary } from './components/ScalarMarkdown/index.js';
+export type { ScalarMenuTeamOption, WorkspaceGroup } from './components/ScalarMenu/index.js';
+export { ScalarMenu, ScalarMenuButton, ScalarMenuLink, ScalarMenuProduct, ScalarMenuProducts, ScalarMenuResources, ScalarMenuSection, ScalarMenuSupport, ScalarMenuTeamPicker, ScalarMenuTeamProfile, ScalarMenuWorkspacePicker, } from './components/ScalarMenu/index.js';
+export type { ModalState } from './components/ScalarModal/index.js';
+export { ScalarModal, useModal } from './components/ScalarModal/index.js';
+export type { ScalarPopoverSlots } from './components/ScalarPopover/index.js';
+export { ScalarPopover } from './components/ScalarPopover/index.js';
+export { ScalarSavePrompt } from './components/ScalarSavePrompt/index.js';
+export { ScalarSearchInput } from './components/ScalarSearchInput/index.js';
+export { ScalarSearchResultItem, ScalarSearchResultList } from './components/ScalarSearchResults/index.js';
+export { ScalarSidebar, ScalarSidebarButton, ScalarSidebarFooter, ScalarSidebarGroup, ScalarSidebarGroupToggle, ScalarSidebarIndent, ScalarSidebarItem, ScalarSidebarItems, ScalarSidebarNestedItems, ScalarSidebarSearchButton, ScalarSidebarSearchInput, ScalarSidebarSection, ScalarSidebarSpacer, } from './components/ScalarSidebar/index.js';
+export { ScalarTeleport, ScalarTeleportRoot, TELEPORT_SYMBOL, useProvideTeleport, useTeleport, } from './components/ScalarTeleport/index.js';
+export { ScalarTextArea } from './components/ScalarTextArea/index.js';
+export { ScalarTextInput, ScalarTextInputCopy } from './components/ScalarTextInput/index.js';
+export { ScalarThemeSwatches, useThemeSwatches } from './components/ScalarThemeSwatches/index.js';
+export { ScalarToggle, ScalarToggleGroup, ScalarToggleInput } from './components/ScalarToggle/index.js';
+export type { ScalarTooltipPlacement, TooltipConfiguration } from './components/ScalarTooltip/index.js';
+export { ScalarHotkeyTooltip, ScalarTooltip, useTooltip } from './components/ScalarTooltip/index.js';
+export { ScalarVirtualText } from './components/ScalarVirtualText/index.js';
+export { ScalarWrappingText } from './components/ScalarWrappingText/index.js';
+export { addScalarClassesToHeadless } from './helpers/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/style.css

@@ -164,7 +164,7 @@
     --scalar-scrollbar-color: #0000002e;
     --scalar-button-1: #000;
     --scalar-button-1-hover: #000c;
-    --scalar-button-1-color: #ffffffe6;
+    --scalar-button-1-color: #fff;
     --scalar-shadow-1: 0 1px 3px 0 #0000001c;
     --scalar-shadow-2: #00000014 0px 13px 20px 0px, #00000014 0px 3px 8px 0px, #eeeeed 0px 0 0 .5px;
     --scalar-lifted-brightness: 1;
@@ -258,7 +258,7 @@
     --scalar-link-color-hover: var(--scalar-link-color);
     --scalar-button-1: #000;
     --scalar-button-1-hover: #000c;
-    --scalar-button-1-color: #ffffffe6;
+    --scalar-button-1-color: #fff;
     --scalar-tooltip-background: #1a1a1ae6;
     --scalar-tooltip-color: #ffffffd9;
     --scalar-color-alert: var(--scalar-color-orange);
@@ -3596,6 +3596,9 @@ to {
 .hljs.language-objectivec .hljs-built_in, .hljs-built_in {
   color: var(--scalar-color-orange);
 }
+.scalar-code-block pre {
+  font-variant-ligatures: none;
+}
 .scalar-code-block.bg-b-1 .scalar-code-copy-backdrop {
   background-color: var(--scalar-background-1);
 }

package/dist/vue-styles.css

@@ -198,6 +198,9 @@ to {
 .hljs.language-objectivec .hljs-built_in, .hljs-built_in {
   color: var(--scalar-color-orange);
 }
+.scalar-code-block pre {
+  font-variant-ligatures: none;
+}
 .scalar-code-block.bg-b-1 .scalar-code-copy-backdrop {
   background-color: var(--scalar-background-1);
 }

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.25.0",
+  "version": "0.26.1",
   "engines": {
     "node": ">=22"
   },
@@ -24,6 +24,181 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./button": {
+      "types": "./dist/components/ScalarButton/index.d.ts",
+      "import": "./dist/components/ScalarButton/index.js",
+      "default": "./dist/components/ScalarButton/index.js"
+    },
+    "./card": {
+      "types": "./dist/components/ScalarCard/index.d.ts",
+      "import": "./dist/components/ScalarCard/index.js",
+      "default": "./dist/components/ScalarCard/index.js"
+    },
+    "./checkbox-input": {
+      "types": "./dist/components/ScalarCheckboxInput/index.d.ts",
+      "import": "./dist/components/ScalarCheckboxInput/index.js",
+      "default": "./dist/components/ScalarCheckboxInput/index.js"
+    },
+    "./code-block": {
+      "types": "./dist/components/ScalarCodeBlock/index.d.ts",
+      "import": "./dist/components/ScalarCodeBlock/index.js",
+      "default": "./dist/components/ScalarCodeBlock/index.js"
+    },
+    "./color-mode-toggle": {
+      "types": "./dist/components/ScalarColorModeToggle/index.d.ts",
+      "import": "./dist/components/ScalarColorModeToggle/index.js",
+      "default": "./dist/components/ScalarColorModeToggle/index.js"
+    },
+    "./combobox": {
+      "types": "./dist/components/ScalarCombobox/index.d.ts",
+      "import": "./dist/components/ScalarCombobox/index.js",
+      "default": "./dist/components/ScalarCombobox/index.js"
+    },
+    "./copy": {
+      "types": "./dist/components/ScalarCopy/index.d.ts",
+      "import": "./dist/components/ScalarCopy/index.js",
+      "default": "./dist/components/ScalarCopy/index.js"
+    },
+    "./dropdown": {
+      "types": "./dist/components/ScalarDropdown/index.d.ts",
+      "import": "./dist/components/ScalarDropdown/index.js",
+      "default": "./dist/components/ScalarDropdown/index.js"
+    },
+    "./error-boundary": {
+      "types": "./dist/components/ScalarErrorBoundary/index.d.ts",
+      "import": "./dist/components/ScalarErrorBoundary/index.js",
+      "default": "./dist/components/ScalarErrorBoundary/index.js"
+    },
+    "./file-upload": {
+      "types": "./dist/components/ScalarFileUpload/index.d.ts",
+      "import": "./dist/components/ScalarFileUpload/index.js",
+      "default": "./dist/components/ScalarFileUpload/index.js"
+    },
+    "./floating": {
+      "types": "./dist/components/ScalarFloating/index.d.ts",
+      "import": "./dist/components/ScalarFloating/index.js",
+      "default": "./dist/components/ScalarFloating/index.js"
+    },
+    "./form": {
+      "types": "./dist/components/ScalarForm/index.d.ts",
+      "import": "./dist/components/ScalarForm/index.js",
+      "default": "./dist/components/ScalarForm/index.js"
+    },
+    "./helpers": {
+      "types": "./dist/helpers/index.d.ts",
+      "import": "./dist/helpers/index.js",
+      "default": "./dist/helpers/index.js"
+    },
+    "./header": {
+      "types": "./dist/components/ScalarHeader/index.d.ts",
+      "import": "./dist/components/ScalarHeader/index.js",
+      "default": "./dist/components/ScalarHeader/index.js"
+    },
+    "./hotkey": {
+      "types": "./dist/components/ScalarHotkey/index.d.ts",
+      "import": "./dist/components/ScalarHotkey/index.js",
+      "default": "./dist/components/ScalarHotkey/index.js"
+    },
+    "./icon": {
+      "types": "./dist/components/ScalarIcon/index.d.ts",
+      "import": "./dist/components/ScalarIcon/index.js",
+      "default": "./dist/components/ScalarIcon/index.js"
+    },
+    "./icon-button": {
+      "types": "./dist/components/ScalarIconButton/index.d.ts",
+      "import": "./dist/components/ScalarIconButton/index.js",
+      "default": "./dist/components/ScalarIconButton/index.js"
+    },
+    "./listbox": {
+      "types": "./dist/components/ScalarListbox/index.d.ts",
+      "import": "./dist/components/ScalarListbox/index.js",
+      "default": "./dist/components/ScalarListbox/index.js"
+    },
+    "./loading": {
+      "types": "./dist/components/ScalarLoading/index.d.ts",
+      "import": "./dist/components/ScalarLoading/index.js",
+      "default": "./dist/components/ScalarLoading/index.js"
+    },
+    "./markdown": {
+      "types": "./dist/components/ScalarMarkdown/index.d.ts",
+      "import": "./dist/components/ScalarMarkdown/index.js",
+      "default": "./dist/components/ScalarMarkdown/index.js"
+    },
+    "./menu": {
+      "types": "./dist/components/ScalarMenu/index.d.ts",
+      "import": "./dist/components/ScalarMenu/index.js",
+      "default": "./dist/components/ScalarMenu/index.js"
+    },
+    "./modal": {
+      "types": "./dist/components/ScalarModal/index.d.ts",
+      "import": "./dist/components/ScalarModal/index.js",
+      "default": "./dist/components/ScalarModal/index.js"
+    },
+    "./popover": {
+      "types": "./dist/components/ScalarPopover/index.d.ts",
+      "import": "./dist/components/ScalarPopover/index.js",
+      "default": "./dist/components/ScalarPopover/index.js"
+    },
+    "./save-prompt": {
+      "types": "./dist/components/ScalarSavePrompt/index.d.ts",
+      "import": "./dist/components/ScalarSavePrompt/index.js",
+      "default": "./dist/components/ScalarSavePrompt/index.js"
+    },
+    "./search-input": {
+      "types": "./dist/components/ScalarSearchInput/index.d.ts",
+      "import": "./dist/components/ScalarSearchInput/index.js",
+      "default": "./dist/components/ScalarSearchInput/index.js"
+    },
+    "./search-results": {
+      "types": "./dist/components/ScalarSearchResults/index.d.ts",
+      "import": "./dist/components/ScalarSearchResults/index.js",
+      "default": "./dist/components/ScalarSearchResults/index.js"
+    },
+    "./sidebar": {
+      "types": "./dist/components/ScalarSidebar/index.d.ts",
+      "import": "./dist/components/ScalarSidebar/index.js",
+      "default": "./dist/components/ScalarSidebar/index.js"
+    },
+    "./teleport": {
+      "types": "./dist/components/ScalarTeleport/index.d.ts",
+      "import": "./dist/components/ScalarTeleport/index.js",
+      "default": "./dist/components/ScalarTeleport/index.js"
+    },
+    "./text-area": {
+      "types": "./dist/components/ScalarTextArea/index.d.ts",
+      "import": "./dist/components/ScalarTextArea/index.js",
+      "default": "./dist/components/ScalarTextArea/index.js"
+    },
+    "./text-input": {
+      "types": "./dist/components/ScalarTextInput/index.d.ts",
+      "import": "./dist/components/ScalarTextInput/index.js",
+      "default": "./dist/components/ScalarTextInput/index.js"
+    },
+    "./theme-swatches": {
+      "types": "./dist/components/ScalarThemeSwatches/index.d.ts",
+      "import": "./dist/components/ScalarThemeSwatches/index.js",
+      "default": "./dist/components/ScalarThemeSwatches/index.js"
+    },
+    "./toggle": {
+      "types": "./dist/components/ScalarToggle/index.d.ts",
+      "import": "./dist/components/ScalarToggle/index.js",
+      "default": "./dist/components/ScalarToggle/index.js"
+    },
+    "./tooltip": {
+      "types": "./dist/components/ScalarTooltip/index.d.ts",
+      "import": "./dist/components/ScalarTooltip/index.js",
+      "default": "./dist/components/ScalarTooltip/index.js"
+    },
+    "./virtual-text": {
+      "types": "./dist/components/ScalarVirtualText/index.d.ts",
+      "import": "./dist/components/ScalarVirtualText/index.js",
+      "default": "./dist/components/ScalarVirtualText/index.js"
+    },
+    "./wrapping-text": {
+      "types": "./dist/components/ScalarWrappingText/index.d.ts",
+      "import": "./dist/components/ScalarWrappingText/index.js",
+      "default": "./dist/components/ScalarWrappingText/index.js"
+    },
     "./style.css": "./dist/style.css",
     "./tailwind.config.css": "./dist/styles/tailwind.config.css",
     "./vue-styles.css": "./dist/vue-styles.css"
@@ -43,10 +218,10 @@
     "vue": "^3.5.30",
     "vue-component-type-helpers": "^3.2.6",
     "@scalar/code-highlight": "0.3.4",
-    "@scalar/helpers": "0.8.0",
-    "@scalar/themes": "0.15.5",
-    "@scalar/icons": "0.7.2",
-    "@scalar/use-hooks": "0.4.5"
+    "@scalar/helpers": "0.8.1",
+    "@scalar/icons": "0.7.3",
+    "@scalar/themes": "0.15.6",
+    "@scalar/use-hooks": "0.4.6"
   },
   "devDependencies": {
     "@playwright/test": "1.59.1",
@@ -72,7 +247,7 @@
   "scripts": {
     "build": "pnpm typegen:icons && vite build && pnpm build:styles && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
     "build:storybook": "storybook build",
-    "build:styles": "cp -r src/styles dist && tailwindcss --optimize -i src/style.css -o dist/style.css && cat dist/vue-styles.css >> dist/style.css",
+    "build:styles": "shx cp -r src/styles dist && tailwindcss --optimize -i src/style.css -o dist/style.css && cat dist/vue-styles.css >> dist/style.css",
     "build:watch": "concurrently \"vite build --watch\" \"vue-tsc --watch -p tsconfig.build.json\" \"tsc-alias -p tsconfig.build.json --watch\"",
     "clean:snapshots": "shx rm -rf \"**/snapshots\"",
     "dev": "storybook dev -p 5100 --ci",