@scalar/components 0.24.4 → 0.26.0

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/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/ScalarSidebarPlayground.vue.d.ts

@@ -92,6 +92,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @default var(--scalar-border-color)
      */
     searchBorderColor?: string;
+    /**
+     * Sets the placeholder for the search input
+     * @default 'Search...'
+     */
+    searchPlaceholder?: string;
 } & {
     selected?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -182,6 +187,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * @default var(--scalar-border-color)
      */
     searchBorderColor?: string;
+    /**
+     * Sets the placeholder for the search input
+     * @default 'Search...'
+     */
+    searchPlaceholder?: string;
 } & {
     selected?: string;
 }> & Readonly<{

package/dist/components/ScalarSidebar/ScalarSidebarPlayground.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarPlayground.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarPlayground.vue"],"names":[],"mappings":"AAgKA;;;;;GAKG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB;;;OAGG;aACM,MAAM;IACf;;;OAGG;cACO,MAAM;IAChB;;;OAGG;YACK,MAAM;IACd;;;OAGG;oBACa,MAAM;IACtB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;kBACW,MAAM;IACpB;;;OAGG;0BACmB,MAAM;IAC5B;;;OAGG;qBACc,MAAM;IACvB;;;OAGG;2BACoB,MAAM;IAC7B;;;OAGG;sBACe,MAAM;IACxB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;wBACiB,MAAM;IAC1B;;;OAGG;yBACkB,MAAM;IAC3B;;;OAGG;uBACgB,MAAM;IACzB;;;OAGG;kBACW,MAAM;IACpB;;;OAGG;wBACiB,MAAM;;eAQf,MAAM;;;;IA5FjB;;;OAGG;aACM,MAAM;IACf;;;OAGG;cACO,MAAM;IAChB;;;OAGG;YACK,MAAM;IACd;;;OAGG;oBACa,MAAM;IACtB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;kBACW,MAAM;IACpB;;;OAGG;0BACmB,MAAM;IAC5B;;;OAGG;qBACc,MAAM;IACvB;;;OAGG;2BACoB,MAAM;IAC7B;;;OAGG;sBACe,MAAM;IACxB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;wBACiB,MAAM;IAC1B;;;OAGG;yBACkB,MAAM;IAC3B;;;OAGG;uBACgB,MAAM;IACzB;;;OAGG;kBACW,MAAM;IACpB;;;OAGG;wBACiB,MAAM;;eAQf,MAAM;;;;aAmJN,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarPlayground.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarPlayground.vue"],"names":[],"mappings":"AAqKA;;;;;GAKG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB;;;OAGG;aACM,MAAM;IACf;;;OAGG;cACO,MAAM;IAChB;;;OAGG;YACK,MAAM;IACd;;;OAGG;oBACa,MAAM;IACtB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;kBACW,MAAM;IACpB;;;OAGG;0BACmB,MAAM;IAC5B;;;OAGG;qBACc,MAAM;IACvB;;;OAGG;2BACoB,MAAM;IAC7B;;;OAGG;sBACe,MAAM;IACxB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;wBACiB,MAAM;IAC1B;;;OAGG;yBACkB,MAAM;IAC3B;;;OAGG;uBACgB,MAAM;IACzB;;;OAGG;kBACW,MAAM;IACpB;;;OAGG;wBACiB,MAAM;IAC1B;;;OAGG;wBACiB,MAAM;;eAQf,MAAM;;;;IAjGjB;;;OAGG;aACM,MAAM;IACf;;;OAGG;cACO,MAAM;IAChB;;;OAGG;YACK,MAAM;IACd;;;OAGG;oBACa,MAAM;IACtB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;kBACW,MAAM;IACpB;;;OAGG;0BACmB,MAAM;IAC5B;;;OAGG;qBACc,MAAM;IACvB;;;OAGG;2BACoB,MAAM;IAC7B;;;OAGG;sBACe,MAAM;IACxB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;wBACiB,MAAM;IAC1B;;;OAGG;yBACkB,MAAM;IAC3B;;;OAGG;uBACgB,MAAM;IACzB;;;OAGG;kBACW,MAAM;IACpB;;;OAGG;wBACiB,MAAM;IAC1B;;;OAGG;wBACiB,MAAM;;eAQf,MAAM;;;;aAqJN,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/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/ScalarSidebarSearchInput.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSearchInput.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Input component\n *\n * An inline search input for the sidebar with a clear button\n * and optional loading indicator.\n *\n * @example\n * <ScalarSidebarSearchInput v-model=\"query\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass, ScalarIconX } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { onMounted, ref } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\nconst { autofocus } = defineProps<{\n  autofocus?: boolean\n  loader?: LoadingState\n  label?: string\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nconst model = defineModel<string>()\n\nfunction handleClear() {\n  model.value = ''\n  // Push focus back to the input\n  if (inputRef.value) {\n    inputRef.value.focus()\n  }\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n\nonMounted(() => autofocus && inputRef.value?.focus())\n</script>\n<template>\n  <label\n    v-bind=\"\n      stylingAttrsCx(\n        'flex items-center rounded border text-base has-[:focus-visible]:bg-sidebar-b-1 has-[:focus-visible]:outline h-8 gap-1 pl-2 pr-1.5',\n        'bg-sidebar-b-search border-sidebar-border-search',\n        model ? 'text-sidebar-c-1' : 'text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"text-sidebar-c-search size-4\" />\n    <input\n      ref=\"inputRef\"\n      v-bind=\"otherAttrs\"\n      v-model=\"model\"\n      :aria-label=\"label ?? 'Enter search query'\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      class=\"flex-1 appearance-none rounded border-none bg-transparent outline-none\"\n      placeholder=\"Search...\"\n      spellcheck=\"false\"\n      type=\"search\" />\n    <ScalarLoading\n      v-if=\"loader && loader.isActive\"\n      class=\"mr-3 self-center\"\n      :loader\n      size=\"md\" />\n    <ScalarIconButton\n      v-else-if=\"model\"\n      class=\"p-px size-4\"\n      :icon=\"ScalarIconX\"\n      label=\"Clear Search\"\n      weight=\"bold\"\n      @click.stop.prevent=\"handleClear\" />\n  </label>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarSidebarSearchInput.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Input component\n *\n * An inline search input for the sidebar with a clear button\n * and optional loading indicator.\n *\n * @example\n * <ScalarSidebarSearchInput v-model=\"query\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass, ScalarIconX } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { onMounted, ref } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\nconst { autofocus } = defineProps<{\n  autofocus?: boolean\n  loader?: LoadingState\n  label?: string\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nconst model = defineModel<string>()\n\nfunction handleClear() {\n  model.value = ''\n  // Push focus back to the input\n  if (inputRef.value) {\n    inputRef.value.focus()\n  }\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n\nonMounted(() => autofocus && inputRef.value?.focus())\n</script>\n<template>\n  <label\n    v-bind=\"\n      stylingAttrsCx(\n        'flex items-center rounded border text-base has-[:focus-visible]:bg-sidebar-b-1 has-[:focus-visible]:outline h-8 gap-1 pl-2 pr-1.5',\n        'bg-sidebar-b-search border-sidebar-border-search',\n        model ? 'text-sidebar-c-1' : 'text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"text-sidebar-c-search size-4\" />\n    <input\n      ref=\"inputRef\"\n      v-model=\"model\"\n      :aria-label=\"label ?? 'Enter search query'\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      class=\"flex-1 appearance-none rounded border-none bg-transparent outline-none\"\n      placeholder=\"Search...\"\n      spellcheck=\"false\"\n      type=\"search\"\n      v-bind=\"otherAttrs\" />\n    <ScalarLoading\n      v-if=\"loader && loader.isActive\"\n      class=\"mr-3 self-center\"\n      :loader\n      size=\"md\" />\n    <ScalarIconButton\n      v-else-if=\"model\"\n      class=\"p-px size-4\"\n      :icon=\"ScalarIconX\"\n      label=\"Clear Search\"\n      weight=\"bold\"\n      @click.stop.prevent=\"handleClear\" />\n  </label>\n</template>\n"],"mappings":""}

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

@@ -31,8 +31,7 @@ var ScalarSidebarSearchInput_vue_vue_type_script_setup_true_lang_default = /* @_
 				createVNode(unref(ScalarIconMagnifyingGlass), { class: "text-sidebar-c-search size-4" }),
 				withDirectives(createElementVNode("input", mergeProps({
 					ref_key: "inputRef",
-					ref: inputRef
-				}, unref(otherAttrs), {
+					ref: inputRef,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 					"aria-label": __props.label ?? "Enter search query",
 					autocapitalize: "off",
@@ -42,7 +41,7 @@ var ScalarSidebarSearchInput_vue_vue_type_script_setup_true_lang_default = /* @_
 					placeholder: "Search...",
 					spellcheck: "false",
 					type: "search"
-				}), null, 16, _hoisted_1), [[vModelText, model.value]]),
+				}, unref(otherAttrs)), null, 16, _hoisted_1), [[vModelText, model.value]]),
 				__props.loader && __props.loader.isActive ? (openBlock(), createBlock(unref(ScalarLoading_default), {
 					key: 0,
 					class: "mr-3 self-center",

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSearchInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Input component\n *\n * An inline search input for the sidebar with a clear button\n * and optional loading indicator.\n *\n * @example\n * <ScalarSidebarSearchInput v-model=\"query\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass, ScalarIconX } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { onMounted, ref } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\nconst { autofocus } = defineProps<{\n  autofocus?: boolean\n  loader?: LoadingState\n  label?: string\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nconst model = defineModel<string>()\n\nfunction handleClear() {\n  model.value = ''\n  // Push focus back to the input\n  if (inputRef.value) {\n    inputRef.value.focus()\n  }\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n\nonMounted(() => autofocus && inputRef.value?.focus())\n</script>\n<template>\n  <label\n    v-bind=\"\n      stylingAttrsCx(\n        'flex items-center rounded border text-base has-[:focus-visible]:bg-sidebar-b-1 has-[:focus-visible]:outline h-8 gap-1 pl-2 pr-1.5',\n        'bg-sidebar-b-search border-sidebar-border-search',\n        model ? 'text-sidebar-c-1' : 'text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"text-sidebar-c-search size-4\" />\n    <input\n      ref=\"inputRef\"\n      v-bind=\"otherAttrs\"\n      v-model=\"model\"\n      :aria-label=\"label ?? 'Enter search query'\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      class=\"flex-1 appearance-none rounded border-none bg-transparent outline-none\"\n      placeholder=\"Search...\"\n      spellcheck=\"false\"\n      type=\"search\" />\n    <ScalarLoading\n      v-if=\"loader && loader.isActive\"\n      class=\"mr-3 self-center\"\n      :loader\n      size=\"md\" />\n    <ScalarIconButton\n      v-else-if=\"model\"\n      class=\"p-px size-4\"\n      :icon=\"ScalarIconX\"\n      label=\"Clear Search\"\n      weight=\"bold\"\n      @click.stop.prevent=\"handleClear\" />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,WAAW,IAA6B,KAAI;EAElD,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,SAAS,cAAc;AACrB,SAAM,QAAQ;AAEd,OAAI,SAAS,MACX,UAAS,MAAM,OAAM;;EAKzB,MAAM,EAAE,gBAAgB,eAAe,WAAU;AAEjD,kBAAgB,QAAA,aAAa,SAAS,OAAO,OAAO,CAAA;;uBAGlD,mBAiCQ,SAAA,eAAA,mBAhCS,MAAA,eAAc,CAAA,qIAAA,oDAAmN,MAAA,QAAK,qBAAA,wBAAA,CAAA,CAAA,EAAA;IAOrP,YAAkE,MAAA,0BAAA,EAAA,EAAvC,OAAM,gCAA8B,CAAA;mBAC/D,mBAWkB,SAXlB,WAWkB;cAVZ;KAAJ,KAAI;OACI,MAAA,WAAU,EAAA;wEACJ,QAAA;KACb,cAAY,QAAA,SAAK;KAClB,gBAAe;KACf,cAAa;KACb,aAAY;KACZ,OAAM;KACN,aAAY;KACZ,YAAW;KACX,MAAK;6CARI,MAAA,MAAK,CAAA,CAAA;IAUR,QAAA,UAAU,QAAA,OAAO,YAAA,WAAA,EADzB,YAIc,MAAA,sBAAA,EAAA;;KAFZ,OAAM;KACL,QAAA,QAAA;KACD,MAAK;+BAEM,MAAA,SAAA,WAAA,EADb,YAMsC,MAAA,yBAAA,EAAA;;KAJpC,OAAM;KACL,MAAM,MAAA,YAAW;KAClB,OAAM;KACN,QAAO;KACN,SAAK,cAAe,aAAW,CAAA,QAAA,UAAA,CAAA"}
+{"version":3,"file":"ScalarSidebarSearchInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Input component\n *\n * An inline search input for the sidebar with a clear button\n * and optional loading indicator.\n *\n * @example\n * <ScalarSidebarSearchInput v-model=\"query\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass, ScalarIconX } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { onMounted, ref } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\nconst { autofocus } = defineProps<{\n  autofocus?: boolean\n  loader?: LoadingState\n  label?: string\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nconst model = defineModel<string>()\n\nfunction handleClear() {\n  model.value = ''\n  // Push focus back to the input\n  if (inputRef.value) {\n    inputRef.value.focus()\n  }\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n\nonMounted(() => autofocus && inputRef.value?.focus())\n</script>\n<template>\n  <label\n    v-bind=\"\n      stylingAttrsCx(\n        'flex items-center rounded border text-base has-[:focus-visible]:bg-sidebar-b-1 has-[:focus-visible]:outline h-8 gap-1 pl-2 pr-1.5',\n        'bg-sidebar-b-search border-sidebar-border-search',\n        model ? 'text-sidebar-c-1' : 'text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"text-sidebar-c-search size-4\" />\n    <input\n      ref=\"inputRef\"\n      v-model=\"model\"\n      :aria-label=\"label ?? 'Enter search query'\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      class=\"flex-1 appearance-none rounded border-none bg-transparent outline-none\"\n      placeholder=\"Search...\"\n      spellcheck=\"false\"\n      type=\"search\"\n      v-bind=\"otherAttrs\" />\n    <ScalarLoading\n      v-if=\"loader && loader.isActive\"\n      class=\"mr-3 self-center\"\n      :loader\n      size=\"md\" />\n    <ScalarIconButton\n      v-else-if=\"model\"\n      class=\"p-px size-4\"\n      :icon=\"ScalarIconX\"\n      label=\"Clear Search\"\n      weight=\"bold\"\n      @click.stop.prevent=\"handleClear\" />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,WAAW,IAA6B,KAAI;EAElD,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,SAAS,cAAc;AACrB,SAAM,QAAQ;AAEd,OAAI,SAAS,MACX,UAAS,MAAM,OAAM;;EAKzB,MAAM,EAAE,gBAAgB,eAAe,WAAU;AAEjD,kBAAgB,QAAA,aAAa,SAAS,OAAO,OAAO,CAAA;;uBAGlD,mBAiCQ,SAAA,eAAA,mBAhCS,MAAA,eAAc,CAAA,qIAAA,oDAAmN,MAAA,QAAK,qBAAA,wBAAA,CAAA,CAAA,EAAA;IAOrP,YAAkE,MAAA,0BAAA,EAAA,EAAvC,OAAM,gCAA8B,CAAA;mBAC/D,mBAWwB,SAXxB,WAWwB;cAVlB;KAAJ,KAAI;wEACU,QAAA;KACb,cAAY,QAAA,SAAK;KAClB,gBAAe;KACf,cAAa;KACb,aAAY;KACZ,OAAM;KACN,aAAY;KACZ,YAAW;KACX,MAAK;OACG,MAAA,WAAU,CAAA,EAAA,MAAA,IAAA,WAAA,EAAA,CAAA,CAAA,YATT,MAAA,MAAK,CAAA,CAAA;IAWR,QAAA,UAAU,QAAA,OAAO,YAAA,WAAA,EADzB,YAIc,MAAA,sBAAA,EAAA;;KAFZ,OAAM;KACL,QAAA,QAAA;KACD,MAAK;+BAEM,MAAA,SAAA,WAAA,EADb,YAMsC,MAAA,yBAAA,EAAA;;KAJpC,OAAM;KACL,MAAM,MAAA,YAAW;KAClB,OAAM;KACN,QAAO;KACN,SAAK,cAAe,aAAW,CAAA,QAAA,UAAA,CAAA"}

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/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.24.4",
+  "version": "0.26.0",
   "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"
@@ -45,8 +220,8 @@
     "@scalar/code-highlight": "0.3.4",
     "@scalar/helpers": "0.8.0",
     "@scalar/icons": "0.7.2",
-    "@scalar/themes": "0.15.5",
-    "@scalar/use-hooks": "0.4.5"
+    "@scalar/use-hooks": "0.4.6",
+    "@scalar/themes": "0.15.5"
   },
   "devDependencies": {
     "@playwright/test": "1.59.1",