@scalar/components 0.21.2 → 0.21.3

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarButton.vue.js","names":[],"sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Button Component\n *\n * Provides a styled button, if you are looking for\n * an icon only button, use ScalarIconButton instead,\n * it's a helpful wrapper around this component\n *\n * @example\n * <ScalarButton>\n *   <!-- Button label -->\n * </ScalarButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarLoading } from '../ScalarLoading'\nimport { BUTTON_VARIANT_STYLES } from './constants'\nimport type { ButtonSize, ClassList, ScalarButtonProps } from './types'\n\nconst {\n  is = 'button',\n  size = 'md',\n  variant = 'solid',\n} = defineProps<ScalarButtonProps>()\n\n/** Variant styles for the button (wrapper) */\nconst buttonVariants = cva({\n  base: 'scalar-button flex cursor-pointer items-center justify-center rounded font-medium -outline-offset-1',\n  variants: {\n    disabled: { true: 'bg-b-2 text-color-3 shadow-none' },\n    size: {\n      xs: 'px-2 py-1 text-xs/4',\n      sm: 'px-3.5 py-2 text-sm/4',\n      md: 'px-5 py-3 text-sm/4',\n    } satisfies Record<ButtonSize, ClassList>,\n    variant: BUTTON_VARIANT_STYLES,\n  },\n  compoundVariants: [\n    {\n      disabled: true,\n      variant: ['solid', 'outlined', 'ghost', 'gradient', 'danger'],\n      class:\n        'bg-b-2 text-c-3 shadow-none hover:bg-b-[_] cursor-not-allowed active:bg-b-[_] hover:text-c-[_] active:text-c-[_]',\n    },\n    {\n      disabled: true,\n      variant: ['gradient'],\n      class:\n        'to-b-1.5 bg-linear-to-b hover:bg-linear-to-b dark:hover:bg-linear-to-t',\n    },\n  ],\n})\n\n/** Variant styles for the button icon */\nconst iconVariants = cva({\n  base: 'shrink-0',\n  variants: {\n    size: {\n      xs: 'size-2.75 -ml-0.25 mr-1',\n      sm: 'size-3.25 -ml-0.5 mr-1.5',\n      md: 'size-3.5 -ml-0.5 mr-1.5',\n    } satisfies Record<ButtonSize, ClassList>,\n  },\n})\n\n/** Variant styles for the loading icon */\nconst loadingVariants = cva({\n  variants: {\n    size: {\n      xs: 'size-4',\n      sm: 'size-5',\n      md: 'size-6',\n    } satisfies Record<ButtonSize, ClassList>,\n  },\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-disabled=\"disabled || undefined\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"\n      cx(buttonVariants({ disabled, size, variant }), {\n        relative: loader?.isActive,\n      })\n    \">\n    <div\n      v-if=\"$slots.icon || icon\"\n      :class=\"[iconVariants({ size }), { invisible: loader?.isActive }]\">\n      <slot name=\"icon\">\n        <component\n          :is=\"icon\"\n          class=\"size-full\" />\n      </slot>\n    </div>\n    <span\n      v-if=\"loader\"\n      :class=\"{ invisible: loader?.isActive }\">\n      <slot />\n    </span>\n    <slot v-else />\n    <div\n      v-if=\"loader?.isActive\"\n      class=\"centered\">\n      <ScalarLoading\n        :class=\"loadingVariants({ size })\"\n        :loader />\n    </div>\n  </component>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarButton.vue.js","names":[],"sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Button Component\n *\n * Provides a styled button, if you are looking for\n * an icon only button, use ScalarIconButton instead,\n * it's a helpful wrapper around this component\n *\n * @example\n * <ScalarButton>\n *   <!-- Button label -->\n * </ScalarButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarLoading } from '../ScalarLoading'\nimport { BUTTON_VARIANT_STYLES } from './constants'\nimport type { ButtonSize, ClassList, ScalarButtonProps } from './types'\n\nconst {\n  is = 'button',\n  size = 'md',\n  variant = 'solid',\n} = defineProps<ScalarButtonProps>()\n\n/** Variant styles for the button (wrapper) */\nconst buttonVariants = cva({\n  base: 'scalar-button flex cursor-pointer items-center justify-center rounded font-medium -outline-offset-1',\n  variants: {\n    disabled: { true: 'bg-b-2 text-color-3 shadow-none' },\n    size: {\n      xs: 'px-2 py-1 text-xs/4',\n      sm: 'px-3.5 py-2 text-sm/4',\n      md: 'px-5 py-3 text-sm/4',\n    } satisfies Record<ButtonSize, ClassList>,\n    variant: BUTTON_VARIANT_STYLES,\n  },\n  compoundVariants: [\n    {\n      disabled: true,\n      variant: ['solid', 'outlined', 'ghost', 'gradient', 'danger'],\n      class:\n        'bg-b-2 text-c-3 shadow-none hover:bg-b-[_] cursor-not-allowed active:bg-b-[_] hover:text-c-[_] active:text-c-[_]',\n    },\n    {\n      disabled: true,\n      variant: ['gradient'],\n      class:\n        'to-b-1.5 bg-linear-to-b hover:bg-linear-to-b dark:hover:bg-linear-to-t',\n    },\n  ],\n})\n\n/** Variant styles for the button icon */\nconst iconVariants = cva({\n  base: 'shrink-0',\n  variants: {\n    size: {\n      xs: 'size-2.75 -ml-0.25 mr-1',\n      sm: 'size-3.5 -ml-0.25 mr-1',\n      md: 'size-3.5 -ml-0.5 mr-1.5',\n    } satisfies Record<ButtonSize, ClassList>,\n  },\n})\n\n/** Variant styles for the loading icon */\nconst loadingVariants = cva({\n  variants: {\n    size: {\n      xs: 'size-4',\n      sm: 'size-5',\n      md: 'size-6',\n    } satisfies Record<ButtonSize, ClassList>,\n  },\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-disabled=\"disabled || undefined\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"\n      cx(buttonVariants({ disabled, size, variant }), {\n        relative: loader?.isActive,\n      })\n    \">\n    <div\n      v-if=\"$slots.icon || icon\"\n      :class=\"[iconVariants({ size }), { invisible: loader?.isActive }]\">\n      <slot name=\"icon\">\n        <component\n          :is=\"icon\"\n          class=\"size-full\" />\n      </slot>\n    </div>\n    <span\n      v-if=\"loader\"\n      :class=\"{ invisible: loader?.isActive }\">\n      <slot />\n    </span>\n    <slot v-else />\n    <div\n      v-if=\"loader?.isActive\"\n      class=\"centered\">\n      <ScalarLoading\n        :class=\"loadingVariants({ size })\"\n        :loader />\n    </div>\n  </component>\n</template>\n"],"mappings":""}

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

@@ -52,7 +52,7 @@ var ScalarButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			base: "shrink-0",
 			variants: { size: {
 				xs: "size-2.75 -ml-0.25 mr-1",
-				sm: "size-3.25 -ml-0.5 mr-1.5",
+				sm: "size-3.5 -ml-0.25 mr-1",
 				md: "size-3.5 -ml-0.5 mr-1.5"
 			} }
 		});

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Button Component\n *\n * Provides a styled button, if you are looking for\n * an icon only button, use ScalarIconButton instead,\n * it's a helpful wrapper around this component\n *\n * @example\n * <ScalarButton>\n *   <!-- Button label -->\n * </ScalarButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarLoading } from '../ScalarLoading'\nimport { BUTTON_VARIANT_STYLES } from './constants'\nimport type { ButtonSize, ClassList, ScalarButtonProps } from './types'\n\nconst {\n  is = 'button',\n  size = 'md',\n  variant = 'solid',\n} = defineProps<ScalarButtonProps>()\n\n/** Variant styles for the button (wrapper) */\nconst buttonVariants = cva({\n  base: 'scalar-button flex cursor-pointer items-center justify-center rounded font-medium -outline-offset-1',\n  variants: {\n    disabled: { true: 'bg-b-2 text-color-3 shadow-none' },\n    size: {\n      xs: 'px-2 py-1 text-xs/4',\n      sm: 'px-3.5 py-2 text-sm/4',\n      md: 'px-5 py-3 text-sm/4',\n    } satisfies Record<ButtonSize, ClassList>,\n    variant: BUTTON_VARIANT_STYLES,\n  },\n  compoundVariants: [\n    {\n      disabled: true,\n      variant: ['solid', 'outlined', 'ghost', 'gradient', 'danger'],\n      class:\n        'bg-b-2 text-c-3 shadow-none hover:bg-b-[_] cursor-not-allowed active:bg-b-[_] hover:text-c-[_] active:text-c-[_]',\n    },\n    {\n      disabled: true,\n      variant: ['gradient'],\n      class:\n        'to-b-1.5 bg-linear-to-b hover:bg-linear-to-b dark:hover:bg-linear-to-t',\n    },\n  ],\n})\n\n/** Variant styles for the button icon */\nconst iconVariants = cva({\n  base: 'shrink-0',\n  variants: {\n    size: {\n      xs: 'size-2.75 -ml-0.25 mr-1',\n      sm: 'size-3.25 -ml-0.5 mr-1.5',\n      md: 'size-3.5 -ml-0.5 mr-1.5',\n    } satisfies Record<ButtonSize, ClassList>,\n  },\n})\n\n/** Variant styles for the loading icon */\nconst loadingVariants = cva({\n  variants: {\n    size: {\n      xs: 'size-4',\n      sm: 'size-5',\n      md: 'size-6',\n    } satisfies Record<ButtonSize, ClassList>,\n  },\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-disabled=\"disabled || undefined\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"\n      cx(buttonVariants({ disabled, size, variant }), {\n        relative: loader?.isActive,\n      })\n    \">\n    <div\n      v-if=\"$slots.icon || icon\"\n      :class=\"[iconVariants({ size }), { invisible: loader?.isActive }]\">\n      <slot name=\"icon\">\n        <component\n          :is=\"icon\"\n          class=\"size-full\" />\n      </slot>\n    </div>\n    <span\n      v-if=\"loader\"\n      :class=\"{ invisible: loader?.isActive }\">\n      <slot />\n    </span>\n    <slot v-else />\n    <div\n      v-if=\"loader?.isActive\"\n      class=\"centered\">\n      <ScalarLoading\n        :class=\"loadingVariants({ size })\"\n        :loader />\n    </div>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,iBAAiB,IAAI;GACzB,MAAM;GACN,UAAU;IACR,UAAU,EAAE,MAAM,mCAAmC;IACrD,MAAM;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACL;IACD,SAAS;IACV;GACD,kBAAkB,CAChB;IACE,UAAU;IACV,SAAS;KAAC;KAAS;KAAY;KAAS;KAAY;KAAS;IAC7D,OACE;IACH,EACD;IACE,UAAU;IACV,SAAS,CAAC,WAAW;IACrB,OACE;IACH,CACF;GACF,CAAA;;EAGD,MAAM,eAAe,IAAI;GACvB,MAAM;GACN,UAAU,EACR,MAAM;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,EACF;GACF,CAAA;;EAGD,MAAM,kBAAkB,IAAI,EAC1B,UAAU,EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,EACF,EACF,CAAA;EAGD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YA+BY,wBA9BL,QAAA,GAAE,EADT,WA+BY;IA7BT,iBAAe,QAAA,YAAY,KAAA;IAC3B,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA;MACrB,MAAA,GAAE,CAAC,MAAA,eAAc,CAAA;IAAA,UAAG,QAAA;IAAQ,MAAE,QAAA;IAAI,SAAE,QAAA;IAAO,CAAA,EAAA,EAAA,UAAyB,QAAA,QAAQ,UAAA,CAAA,CAAA,EAAA;2BAarF;KAPEA,KAAAA,OAAO,QAAQ,QAAA,QAAA,WAAA,EADvB,mBAQM,OAAA;;MANH,OAAK,eAAA,CAAG,MAAA,aAAY,CAAA,EAAA,MAAG,QAAA,MAAI,CAAA,EAAA,EAAA,WAAkB,QAAA,QAAQ,UAAQ,CAAA,CAAA;SAC9D,WAIO,KAAA,QAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAHL,YAEsB,wBADf,QAAA,KAAI,EAAA,EACT,OAAM,aAAW,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAIf,QAAA,UAAA,WAAA,EADR,mBAIO,QAAA;;MAFJ,OAAK,eAAA,EAAA,WAAe,QAAA,QAAQ,UAAQ,CAAA;SACrC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAEV,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA;KAEP,QAAA,QAAQ,YAAA,WAAA,EADhB,mBAMM,OANN,YAMM,CAHJ,YAEY,MAAA,sBAAA,EAAA;MADT,OAAK,eAAE,MAAA,gBAAe,CAAA,EAAA,MAAG,QAAA,MAAI,CAAA,CAAA;MAC7B,QAAA,QAAA"}
+{"version":3,"file":"ScalarButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Button Component\n *\n * Provides a styled button, if you are looking for\n * an icon only button, use ScalarIconButton instead,\n * it's a helpful wrapper around this component\n *\n * @example\n * <ScalarButton>\n *   <!-- Button label -->\n * </ScalarButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarLoading } from '../ScalarLoading'\nimport { BUTTON_VARIANT_STYLES } from './constants'\nimport type { ButtonSize, ClassList, ScalarButtonProps } from './types'\n\nconst {\n  is = 'button',\n  size = 'md',\n  variant = 'solid',\n} = defineProps<ScalarButtonProps>()\n\n/** Variant styles for the button (wrapper) */\nconst buttonVariants = cva({\n  base: 'scalar-button flex cursor-pointer items-center justify-center rounded font-medium -outline-offset-1',\n  variants: {\n    disabled: { true: 'bg-b-2 text-color-3 shadow-none' },\n    size: {\n      xs: 'px-2 py-1 text-xs/4',\n      sm: 'px-3.5 py-2 text-sm/4',\n      md: 'px-5 py-3 text-sm/4',\n    } satisfies Record<ButtonSize, ClassList>,\n    variant: BUTTON_VARIANT_STYLES,\n  },\n  compoundVariants: [\n    {\n      disabled: true,\n      variant: ['solid', 'outlined', 'ghost', 'gradient', 'danger'],\n      class:\n        'bg-b-2 text-c-3 shadow-none hover:bg-b-[_] cursor-not-allowed active:bg-b-[_] hover:text-c-[_] active:text-c-[_]',\n    },\n    {\n      disabled: true,\n      variant: ['gradient'],\n      class:\n        'to-b-1.5 bg-linear-to-b hover:bg-linear-to-b dark:hover:bg-linear-to-t',\n    },\n  ],\n})\n\n/** Variant styles for the button icon */\nconst iconVariants = cva({\n  base: 'shrink-0',\n  variants: {\n    size: {\n      xs: 'size-2.75 -ml-0.25 mr-1',\n      sm: 'size-3.5 -ml-0.25 mr-1',\n      md: 'size-3.5 -ml-0.5 mr-1.5',\n    } satisfies Record<ButtonSize, ClassList>,\n  },\n})\n\n/** Variant styles for the loading icon */\nconst loadingVariants = cva({\n  variants: {\n    size: {\n      xs: 'size-4',\n      sm: 'size-5',\n      md: 'size-6',\n    } satisfies Record<ButtonSize, ClassList>,\n  },\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-disabled=\"disabled || undefined\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"\n      cx(buttonVariants({ disabled, size, variant }), {\n        relative: loader?.isActive,\n      })\n    \">\n    <div\n      v-if=\"$slots.icon || icon\"\n      :class=\"[iconVariants({ size }), { invisible: loader?.isActive }]\">\n      <slot name=\"icon\">\n        <component\n          :is=\"icon\"\n          class=\"size-full\" />\n      </slot>\n    </div>\n    <span\n      v-if=\"loader\"\n      :class=\"{ invisible: loader?.isActive }\">\n      <slot />\n    </span>\n    <slot v-else />\n    <div\n      v-if=\"loader?.isActive\"\n      class=\"centered\">\n      <ScalarLoading\n        :class=\"loadingVariants({ size })\"\n        :loader />\n    </div>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,iBAAiB,IAAI;GACzB,MAAM;GACN,UAAU;IACR,UAAU,EAAE,MAAM,mCAAmC;IACrD,MAAM;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;KACL;IACD,SAAS;IACV;GACD,kBAAkB,CAChB;IACE,UAAU;IACV,SAAS;KAAC;KAAS;KAAY;KAAS;KAAY;KAAS;IAC7D,OACE;IACH,EACD;IACE,UAAU;IACV,SAAS,CAAC,WAAW;IACrB,OACE;IACH,CACF;GACF,CAAA;;EAGD,MAAM,eAAe,IAAI;GACvB,MAAM;GACN,UAAU,EACR,MAAM;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,EACF;GACF,CAAA;;EAGD,MAAM,kBAAkB,IAAI,EAC1B,UAAU,EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,EACF,EACF,CAAA;EAGD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YA+BY,wBA9BL,QAAA,GAAE,EADT,WA+BY;IA7BT,iBAAe,QAAA,YAAY,KAAA;IAC3B,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA;MACrB,MAAA,GAAE,CAAC,MAAA,eAAc,CAAA;IAAA,UAAG,QAAA;IAAQ,MAAE,QAAA;IAAI,SAAE,QAAA;IAAO,CAAA,EAAA,EAAA,UAAyB,QAAA,QAAQ,UAAA,CAAA,CAAA,EAAA;2BAarF;KAPEA,KAAAA,OAAO,QAAQ,QAAA,QAAA,WAAA,EADvB,mBAQM,OAAA;;MANH,OAAK,eAAA,CAAG,MAAA,aAAY,CAAA,EAAA,MAAG,QAAA,MAAI,CAAA,EAAA,EAAA,WAAkB,QAAA,QAAQ,UAAQ,CAAA,CAAA;SAC9D,WAIO,KAAA,QAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAHL,YAEsB,wBADf,QAAA,KAAI,EAAA,EACT,OAAM,aAAW,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAIf,QAAA,UAAA,WAAA,EADR,mBAIO,QAAA;;MAFJ,OAAK,eAAA,EAAA,WAAe,QAAA,QAAQ,UAAQ,CAAA;SACrC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAEV,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA;KAEP,QAAA,QAAQ,YAAA,WAAA,EADhB,mBAMM,OANN,YAMM,CAHJ,YAEY,MAAA,sBAAA,EAAA;MADT,OAAK,eAAE,MAAA,gBAAe,CAAA,EAAA,MAAG,QAAA,MAAI,CAAA,CAAA;MAC7B,QAAA,QAAA"}

package/dist/components/ScalarButton/constants.d.ts

@@ -2,7 +2,7 @@
 export declare const BUTTON_VARIANT_STYLES: {
     readonly solid: ["scalar-button-solid", "bg-b-btn text-c-btn focus-visible:border-c-btn active:bg-b-btn hover:bg-h-btn outline-offset-1"];
     readonly outlined: ["scalar-button-outlined", "active:bg-btn-1 shadow-border bg-b-1 text-c-1 hover:bg-b-2"];
-    readonly ghost: ["scalar-button-ghost", "bg-transparent text-c-3 active:text-c-1 hover:text-c-1"];
+    readonly ghost: ["scalar-button-ghost", "bg-transparent text-c-2 active:text-c-1 hover:text-c-1"];
     readonly gradient: ["scalar-button-gradient", "shadow-border bg-b-1.5 bg-linear-to-b from-b-1 to-b-2 hover:bg-linear-to-t", "dark:bg-linear-to-t dark:hover:bg-linear-to-b"];
     readonly danger: ["scalar-button-danger", "bg-c-danger text-white active:brightness-90 hover:brightness-90"];
 };

package/dist/components/ScalarButton/constants.js

@@ -3,7 +3,7 @@
 var BUTTON_VARIANT_STYLES = {
 	solid: ["scalar-button-solid", "bg-b-btn text-c-btn focus-visible:border-c-btn active:bg-b-btn hover:bg-h-btn outline-offset-1"],
 	outlined: ["scalar-button-outlined", "active:bg-btn-1 shadow-border bg-b-1 text-c-1 hover:bg-b-2"],
-	ghost: ["scalar-button-ghost", "bg-transparent text-c-3 active:text-c-1 hover:text-c-1"],
+	ghost: ["scalar-button-ghost", "bg-transparent text-c-2 active:text-c-1 hover:text-c-1"],
 	gradient: [
 		"scalar-button-gradient",
 		"shadow-border bg-b-1.5 bg-linear-to-b from-b-1 to-b-2 hover:bg-linear-to-t",

package/dist/components/ScalarButton/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":[],"sources":["../../../src/components/ScalarButton/constants.ts"],"sourcesContent":["import type { ButtonVariant, ClassList } from './types'\n\n/** Styles for the different button variants */\nexport const BUTTON_VARIANT_STYLES = {\n  solid: [\n    'scalar-button-solid',\n    'bg-b-btn text-c-btn focus-visible:border-c-btn active:bg-b-btn hover:bg-h-btn outline-offset-1',\n  ],\n  outlined: ['scalar-button-outlined', 'active:bg-btn-1 shadow-border bg-b-1 text-c-1 hover:bg-b-2'],\n  ghost: ['scalar-button-ghost', 'bg-transparent text-c-3 active:text-c-1 hover:text-c-1'],\n  gradient: [\n    'scalar-button-gradient',\n    'shadow-border bg-b-1.5 bg-linear-to-b from-b-1 to-b-2 hover:bg-linear-to-t',\n    // in dark mode we want to reverse the gradient direction\n    'dark:bg-linear-to-t dark:hover:bg-linear-to-b',\n  ],\n  danger: ['scalar-button-danger', 'bg-c-danger text-white active:brightness-90 hover:brightness-90'],\n} as const satisfies Record<ButtonVariant, ClassList>\n"],"mappings":";;AAGA,IAAa,wBAAwB;CACnC,OAAO,CACL,uBACA,iGACD;CACD,UAAU,CAAC,0BAA0B,6DAA6D;CAClG,OAAO,CAAC,uBAAuB,yDAAyD;CACxF,UAAU;EACR;EACA;EAEA;EACD;CACD,QAAQ,CAAC,wBAAwB,kEAAkE;CACpG"}
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/components/ScalarButton/constants.ts"],"sourcesContent":["import type { ButtonVariant, ClassList } from './types'\n\n/** Styles for the different button variants */\nexport const BUTTON_VARIANT_STYLES = {\n  solid: [\n    'scalar-button-solid',\n    'bg-b-btn text-c-btn focus-visible:border-c-btn active:bg-b-btn hover:bg-h-btn outline-offset-1',\n  ],\n  outlined: ['scalar-button-outlined', 'active:bg-btn-1 shadow-border bg-b-1 text-c-1 hover:bg-b-2'],\n  ghost: ['scalar-button-ghost', 'bg-transparent text-c-2 active:text-c-1 hover:text-c-1'],\n  gradient: [\n    'scalar-button-gradient',\n    'shadow-border bg-b-1.5 bg-linear-to-b from-b-1 to-b-2 hover:bg-linear-to-t',\n    // in dark mode we want to reverse the gradient direction\n    'dark:bg-linear-to-t dark:hover:bg-linear-to-b',\n  ],\n  danger: ['scalar-button-danger', 'bg-c-danger text-white active:brightness-90 hover:brightness-90'],\n} as const satisfies Record<ButtonVariant, ClassList>\n"],"mappings":";;AAGA,IAAa,wBAAwB;CACnC,OAAO,CACL,uBACA,iGACD;CACD,UAAU,CAAC,0BAA0B,6DAA6D;CAClG,OAAO,CAAC,uBAAuB,yDAAyD;CACxF,UAAU;EACR;EACA;EAEA;EACD;CACD,QAAQ,CAAC,wBAAwB,kEAAkE;CACpG"}

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadFileList.vue.js","names":[],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadFileList.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload File List\n *\n * Displays a list of files\n *\n * @example\n * <ScalarFileUploadFileList :files=\"files\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport prettyBytes from 'pretty-bytes'\n\nimport { ScalarButton } from '../ScalarButton'\n\ndefineEmits<{\n  /** Emitted when the user clicks the upload button */\n  (e: 'upload'): void\n}>()\n\n/** The files to display */\nconst files = defineModel<File[]>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-2 p-4')\">\n    <div class=\"text-c-2\">Selected files:</div>\n    <ul\n      v-for=\"file in files\"\n      :key=\"file.name\"\n      class=\"flex flex-col gap-0.5\">\n      <li class=\"border rounded p-1 text-xs\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"flex-1 min-w-0 truncate\">\n            {{ file.name }}\n          </div>\n          <div class=\"text-c-3\">{{ prettyBytes(file.size) }}</div>\n        </div>\n      </li>\n    </ul>\n    <div class=\"flex items-center gap-1.5\">\n      <ScalarButton\n        size=\"xs\"\n        @click=\"$emit('upload')\">\n        Upload\n      </ScalarButton>\n      <ScalarButton\n        size=\"xs\"\n        variant=\"outlined\"\n        @click=\"files = []\">\n        Clear\n      </ScalarButton>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarFileUploadFileList.vue.js","names":[],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadFileList.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload File List\n *\n * Displays a list of files\n *\n * @example\n * <ScalarFileUploadFileList :files=\"files\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { formatBytes } from '@scalar/helpers/formatters/format-bytes'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarButton } from '../ScalarButton'\n\ndefineEmits<{\n  /** Emitted when the user clicks the upload button */\n  (e: 'upload'): void\n}>()\n\n/** The files to display */\nconst files = defineModel<File[]>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-2 p-4')\">\n    <div class=\"text-c-2\">Selected files:</div>\n    <ul\n      v-for=\"file in files\"\n      :key=\"file.name\"\n      class=\"flex flex-col gap-0.5\">\n      <li class=\"border rounded p-1 text-xs\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"flex-1 min-w-0 truncate\">\n            {{ file.name }}\n          </div>\n          <div class=\"text-c-3\">{{ formatBytes(file.size) }}</div>\n        </div>\n      </li>\n    </ul>\n    <div class=\"flex items-center gap-1.5\">\n      <ScalarButton\n        size=\"xs\"\n        @click=\"$emit('upload')\">\n        Upload\n      </ScalarButton>\n      <ScalarButton\n        size=\"xs\"\n        variant=\"outlined\"\n        @click=\"files = []\">\n        Clear\n      </ScalarButton>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.script.js

@@ -1,7 +1,7 @@
 import ScalarButton_default from "../ScalarButton/ScalarButton.vue.js";
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { Fragment, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, normalizeProps, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
-import prettyBytes from "pretty-bytes";
+import { formatBytes } from "@scalar/helpers/formatters/format-bytes";
 //#region src/components/ScalarFileUpload/ScalarFileUploadFileList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "border rounded p-1 text-xs" };
 var _hoisted_2 = { class: "flex items-center justify-between" };
@@ -27,7 +27,7 @@ var ScalarFileUploadFileList_vue_vue_type_script_setup_true_lang_default = /* @_
 					return openBlock(), createElementBlock("ul", {
 						key: file.name,
 						class: "flex flex-col gap-0.5"
-					}, [createElementVNode("li", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(file.name), 1), createElementVNode("div", _hoisted_4, toDisplayString(unref(prettyBytes)(file.size)), 1)])])]);
+					}, [createElementVNode("li", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(file.name), 1), createElementVNode("div", _hoisted_4, toDisplayString(unref(formatBytes)(file.size)), 1)])])]);
 				}), 128)),
 				createElementVNode("div", _hoisted_5, [createVNode(unref(ScalarButton_default), {
 					size: "xs",

package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadFileList.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadFileList.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload File List\n *\n * Displays a list of files\n *\n * @example\n * <ScalarFileUploadFileList :files=\"files\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport prettyBytes from 'pretty-bytes'\n\nimport { ScalarButton } from '../ScalarButton'\n\ndefineEmits<{\n  /** Emitted when the user clicks the upload button */\n  (e: 'upload'): void\n}>()\n\n/** The files to display */\nconst files = defineModel<File[]>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-2 p-4')\">\n    <div class=\"text-c-2\">Selected files:</div>\n    <ul\n      v-for=\"file in files\"\n      :key=\"file.name\"\n      class=\"flex flex-col gap-0.5\">\n      <li class=\"border rounded p-1 text-xs\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"flex-1 min-w-0 truncate\">\n            {{ file.name }}\n          </div>\n          <div class=\"text-c-3\">{{ prettyBytes(file.size) }}</div>\n        </div>\n      </li>\n    </ul>\n    <div class=\"flex items-center gap-1.5\">\n      <ScalarButton\n        size=\"xs\"\n        @click=\"$emit('upload')\">\n        Upload\n      </ScalarButton>\n      <ScalarButton\n        size=\"xs\"\n        variant=\"outlined\"\n        @click=\"files = []\">\n        Clear\n      </ScalarButton>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAGlC,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBA4BM,OAAA,eAAA,mBA5BO,MAAA,GAAE,CAAA,0BAAA,CAAA,CAAA,EAAA;8BACb,mBAA2C,OAAA,EAAtC,OAAM,YAAU,EAAC,mBAAe,GAAA;sBACrC,mBAYK,UAAA,MAAA,WAXY,MAAA,QAAR,SAAI;yBADb,mBAYK,MAAA;MAVF,KAAK,KAAK;MACX,OAAM;SACN,mBAOK,MAPL,YAOK,CANH,mBAKM,OALN,YAKM,CAJJ,mBAEM,OAFN,YAEM,gBADD,KAAK,KAAI,EAAA,EAAA,EAEd,mBAAwD,OAAxD,YAAwD,gBAA/B,MAAA,YAAW,CAAC,KAAK,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;IAIpD,mBAYM,OAZN,YAYM,CAXJ,YAIe,MAAA,qBAAA,EAAA;KAHb,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;4BAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2B,YAE3B,GAAA,CAAA,EAAA,CAAA;;QACA,YAKe,MAAA,qBAAA,EAAA;KAJb,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK,EAAA;;4BAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFsB,WAEtB,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarFileUploadFileList.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadFileList.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar File Upload File List\n *\n * Displays a list of files\n *\n * @example\n * <ScalarFileUploadFileList :files=\"files\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { formatBytes } from '@scalar/helpers/formatters/format-bytes'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarButton } from '../ScalarButton'\n\ndefineEmits<{\n  /** Emitted when the user clicks the upload button */\n  (e: 'upload'): void\n}>()\n\n/** The files to display */\nconst files = defineModel<File[]>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-2 p-4')\">\n    <div class=\"text-c-2\">Selected files:</div>\n    <ul\n      v-for=\"file in files\"\n      :key=\"file.name\"\n      class=\"flex flex-col gap-0.5\">\n      <li class=\"border rounded p-1 text-xs\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"flex-1 min-w-0 truncate\">\n            {{ file.name }}\n          </div>\n          <div class=\"text-c-3\">{{ formatBytes(file.size) }}</div>\n        </div>\n      </li>\n    </ul>\n    <div class=\"flex items-center gap-1.5\">\n      <ScalarButton\n        size=\"xs\"\n        @click=\"$emit('upload')\">\n        Upload\n      </ScalarButton>\n      <ScalarButton\n        size=\"xs\"\n        variant=\"outlined\"\n        @click=\"files = []\">\n        Clear\n      </ScalarButton>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAGlC,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBA4BM,OAAA,eAAA,mBA5BO,MAAA,GAAE,CAAA,0BAAA,CAAA,CAAA,EAAA;8BACb,mBAA2C,OAAA,EAAtC,OAAM,YAAU,EAAC,mBAAe,GAAA;sBACrC,mBAYK,UAAA,MAAA,WAXY,MAAA,QAAR,SAAI;yBADb,mBAYK,MAAA;MAVF,KAAK,KAAK;MACX,OAAM;SACN,mBAOK,MAPL,YAOK,CANH,mBAKM,OALN,YAKM,CAJJ,mBAEM,OAFN,YAEM,gBADD,KAAK,KAAI,EAAA,EAAA,EAEd,mBAAwD,OAAxD,YAAwD,gBAA/B,MAAA,YAAW,CAAC,KAAK,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;IAIpD,mBAYM,OAZN,YAYM,CAXJ,YAIe,MAAA,qBAAA,EAAA;KAHb,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;4BAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2B,YAE3B,GAAA,CAAA,EAAA,CAAA;;QACA,YAKe,MAAA,qBAAA,EAAA;KAJb,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAK,EAAA;;4BAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFsB,WAEtB,GAAA,CAAA,EAAA,CAAA"}

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

@@ -0,0 +1,38 @@
+import type { LoadingState } from '../ScalarLoading';
+/**
+ * Scalar save prompt
+ *
+ * Placeholder shell — wire layout, modal, and actions in the host.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    loader?: LoadingState;
+} & {
+    modelValue?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    save: () => any;
+    discard: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    loader?: LoadingState;
+} & {
+    modelValue?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onSave?: (() => any) | undefined;
+    onDiscard?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    discard?: (props: {}) => any;
+} & {
+    save?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarSavePrompt.vue.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1,66 @@
+import ScalarButton_default from "../ScalarButton/ScalarButton.vue.js";
+import { useBindCx } from "@scalar/use-hooks/useBindCx";
+import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import { ScalarIconArrowCounterClockwise, ScalarIconFloppyDisk } from "@scalar/icons";
+//#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({
+	inheritAttrs: false,
+	__name: "ScalarSavePrompt",
+	props: /* @__PURE__ */ mergeModels({ loader: {} }, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["save", "discard"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const dirty = useModel(__props, "modelValue");
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, {
+				enterActiveClass: "transition-transform ease-spring duration-400",
+				enterFromClass: "translate-y-[200%]",
+				enterToClass: "translate-y-0",
+				leaveActiveClass: "transition-transform ease-in duration-100",
+				leaveFromClass: "translate-y-0",
+				leaveToClass: "translate-y-[200%]"
+			}, {
+				default: withCtx(() => [dirty.value || __props.loader?.isActive ? (openBlock(), createElementBlock("div", mergeProps({
+					key: 0,
+					"aria-live": "polite"
+				}, unref(cx)("flex items-center gap-2", "w-content max-w-screen-padded-4 z-context", "fixed left-1/2 -translate-x-1/2 bottom-4", "bg-b-2 p-4 shadow-lg rounded-xl")), [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[2] || (_cache[2] = createTextVNode("You have unsaved changes", -1))])]), createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarButton_default), {
+					size: "sm",
+					variant: "ghost",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("discard"))
+				}, {
+					icon: withCtx(() => [createVNode(unref(ScalarIconArrowCounterClockwise), {
+						class: "size-full",
+						weight: "bold"
+					})]),
+					default: withCtx(() => [renderSlot(_ctx.$slots, "discard", {}, () => [_cache[3] || (_cache[3] = createTextVNode("Undo", -1))])]),
+					_: 3
+				}), createVNode(unref(ScalarButton_default), {
+					loader: __props.loader,
+					size: "sm",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("save"))
+				}, {
+					icon: withCtx(() => [createVNode(unref(ScalarIconFloppyDisk), {
+						class: "size-full",
+						weight: "bold"
+					})]),
+					default: withCtx(() => [renderSlot(_ctx.$slots, "save", {}, () => [_cache[4] || (_cache[4] = createTextVNode("Save", -1))])]),
+					_: 3
+				}, 8, ["loader"])])], 16)) : createCommentVNode("", true)]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { ScalarSavePrompt_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarSavePrompt.vue.script.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export { default as ScalarSavePrompt } from './ScalarSavePrompt.vue.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSavePrompt/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/index.d.ts

@@ -1,39 +1,50 @@
 import './style.css';
 export { compose, cva, cx, tw, useBindCx } from '@scalar/use-hooks/useBindCx';
-/** biome-ignore-start lint/performance/noReExportAll: re-exports indexes */
-export * from './components/ScalarButton';
-export * from './components/ScalarCard';
-export * from './components/ScalarCheckboxInput';
-export * from './components/ScalarCodeBlock';
-export * from './components/ScalarColorModeToggle';
-export * from './components/ScalarCombobox';
-export * from './components/ScalarCopy';
-export * from './components/ScalarDropdown';
-export * from './components/ScalarErrorBoundary';
-export * from './components/ScalarFileUpload';
-export * from './components/ScalarFloating';
-export * from './components/ScalarForm';
-export * from './components/ScalarHeader';
-export * from './components/ScalarHotkey';
-export * from './components/ScalarIcon';
-export * from './components/ScalarIconButton';
-export * from './components/ScalarListbox';
-export * from './components/ScalarLoading';
-export * from './components/ScalarMarkdown';
-export * from './components/ScalarMenu';
-export * from './components/ScalarModal';
-export * from './components/ScalarPopover';
-export * from './components/ScalarSearchInput';
-export * from './components/ScalarSearchResults';
-export * from './components/ScalarSidebar';
-export * from './components/ScalarTeleport';
-export * from './components/ScalarTextArea';
-export * from './components/ScalarTextInput';
-export * from './components/ScalarThemeSwatches';
-export * from './components/ScalarToggle';
-export * from './components/ScalarTooltip';
-export * from './components/ScalarVirtualText';
-export * from './components/ScalarWrappingText';
-export * from './helpers';
-/** biome-ignore-end lint/performance/noReExportAll: re-exports indexes */
+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';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE7E,4EAA4E;AAC5E,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,0EAA0E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

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

package/dist/style.css

@@ -1998,10 +1998,18 @@ img,
   right: 10px;
 }
 
+.scalar-app .bottom-4 {
+  bottom: 16px;
+}
+
 .scalar-app .left-0 {
   left: 0;
 }
 
+.scalar-app .left-1\/2 {
+  left: 50%;
+}
+
 .scalar-app .left-2 {
   left: 8px;
 }
@@ -2119,6 +2127,10 @@ img,
   margin: -6px;
 }
 
+.scalar-app .-m-2 {
+  margin: -8px;
+}
+
 .scalar-app .-m-px {
   margin: -1px;
 }
@@ -2318,11 +2330,6 @@ img,
   height: 14px;
 }
 
-.scalar-app .size-3\.25 {
-  width: 13px;
-  height: 13px;
-}
-
 .scalar-app .size-4 {
   width: 16px;
   height: 16px;
@@ -2539,6 +2546,10 @@ img,
   width: var(--scalar-border-width);
 }
 
+.scalar-app .w-content {
+  width: 720px;
+}
+
 .scalar-app .w-dvw {
   width: 100dvw;
 }
@@ -2587,6 +2598,10 @@ img,
   max-width: inherit;
 }
 
+.scalar-app .max-w-screen-padded-4 {
+  max-width: calc(100vw - 32px);
+}
+
 .scalar-app .max-w-xs {
   max-width: 320px;
 }
@@ -2619,6 +2634,11 @@ img,
   flex-shrink: 0;
 }
 
+.scalar-app .-translate-x-1\/2 {
+  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 .scalar-app .-translate-x-full {
   --tw-translate-x: -100%;
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2664,6 +2684,11 @@ img,
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
+.scalar-app .translate-y-\[200\%\] {
+  --tw-translate-y: 200%;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+
 .scalar-app .scale-0 {
   --tw-scale-x: 0%;
   --tw-scale-y: 0%;
@@ -3619,6 +3644,11 @@ img,
   transition-duration: .3s;
 }
 
+.scalar-app .duration-400 {
+  --tw-duration: .4s;
+  transition-duration: .4s;
+}
+
 .scalar-app .ease-in {
   --tw-ease: var(--ease-in);
   transition-timing-function: var(--ease-in);
@@ -3634,6 +3664,47 @@ img,
   transition-timing-function: var(--ease-out);
 }
 
+.scalar-app .ease-spring {
+  --tw-ease: linear(0,
+    .008 1.1%,
+    .034 2.3%,
+    .134 4.9%,
+    .264 7.3%,
+    .683 14.3%,
+    .797 16.5%,
+    .89 18.6%,
+    .967 20.7%,
+    1.027 22.8%,
+    1.073 25%,
+    1.104 27.3%,
+    1.123 30.6%,
+    1.119 34.3%,
+    1.018 49.5%,
+    .988 58.6%,
+    .985 65.2%,
+    1 84.5%,
+    1);
+  transition-timing-function: linear(0,
+    .008 1.1%,
+    .034 2.3%,
+    .134 4.9%,
+    .264 7.3%,
+    .683 14.3%,
+    .797 16.5%,
+    .89 18.6%,
+    .967 20.7%,
+    1.027 22.8%,
+    1.073 25%,
+    1.104 27.3%,
+    1.123 30.6%,
+    1.119 34.3%,
+    1.018 49.5%,
+    .988 58.6%,
+    .985 65.2%,
+    1 84.5%,
+    1);
+}
+
 .scalar-app .outline-none {
   --tw-outline-style: none;
   outline-style: none;

package/package.json

@@ -10,18 +10,19 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.21.2",
+  "version": "0.21.3",
   "engines": {
     "node": ">=22"
   },
   "type": "module",
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./style.css": "./dist/style.css"
   },
@@ -35,15 +36,14 @@
     "@vueuse/core": "13.9.0",
     "cva": "1.0.0-beta.4",
     "nanoid": "^5.1.6",
-    "pretty-bytes": "^7.1.0",
     "radix-vue": "^1.9.17",
-    "vue": "^3.5.26",
+    "vue": "^3.5.30",
     "vue-component-type-helpers": "^3.2.2",
-    "@scalar/code-highlight": "0.3.1",
-    "@scalar/helpers": "0.4.2",
-    "@scalar/icons": "0.7.1",
-    "@scalar/themes": "0.15.1",
-    "@scalar/use-hooks": "0.4.1"
+    "@scalar/code-highlight": "0.3.2",
+    "@scalar/icons": "0.7.2",
+    "@scalar/themes": "0.15.2",
+    "@scalar/use-hooks": "0.4.2",
+    "@scalar/helpers": "0.4.3"
   },
   "devDependencies": {
     "@headlessui/tailwindcss": "^0.2.2",
@@ -57,6 +57,7 @@
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/test-utils": "2.4.6",
     "@vueless/storybook-dark-mode": "^10.0.6",
+    "concurrently": "9.1.2",
     "jsdom": "27.4.0",
     "storybook": "10.2.19",
     "svglint": "^4.1.2",
@@ -68,6 +69,7 @@
   "scripts": {
     "build": "pnpm typegen:icons && vite build && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
     "build:storybook": "storybook build",
+    "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",
     "lint:check": "pnpm lint:icons",

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import './style.css'\n\nexport { compose, cva, cx, tw, useBindCx } from '@scalar/use-hooks/useBindCx'\n\n/** biome-ignore-start lint/performance/noReExportAll: re-exports indexes */\nexport * from './components/ScalarButton'\nexport * from './components/ScalarCard'\nexport * from './components/ScalarCheckboxInput'\nexport * from './components/ScalarCodeBlock'\nexport * from './components/ScalarColorModeToggle'\nexport * from './components/ScalarCombobox'\nexport * from './components/ScalarCopy'\nexport * from './components/ScalarDropdown'\nexport * from './components/ScalarErrorBoundary'\nexport * from './components/ScalarFileUpload'\nexport * from './components/ScalarFloating'\nexport * from './components/ScalarForm'\nexport * from './components/ScalarHeader'\nexport * from './components/ScalarHotkey'\nexport * from './components/ScalarIcon'\nexport * from './components/ScalarIconButton'\nexport * from './components/ScalarListbox'\nexport * from './components/ScalarLoading'\nexport * from './components/ScalarMarkdown'\nexport * from './components/ScalarMenu'\nexport * from './components/ScalarModal'\nexport * from './components/ScalarPopover'\nexport * from './components/ScalarSearchInput'\nexport * from './components/ScalarSearchResults'\nexport * from './components/ScalarSidebar'\nexport * from './components/ScalarTeleport'\nexport * from './components/ScalarTextArea'\nexport * from './components/ScalarTextInput'\nexport * from './components/ScalarThemeSwatches'\nexport * from './components/ScalarToggle'\nexport * from './components/ScalarTooltip'\nexport * from './components/ScalarVirtualText'\nexport * from './components/ScalarWrappingText'\nexport * from './helpers'\n/** biome-ignore-end lint/performance/noReExportAll: re-exports indexes */\n"],"mappings":""}