@scalar/components 0.12.75 → 0.13.0

package/dist/hooks/useBindCx.stories.d.ts

@@ -0,0 +1,430 @@
+import type { StoryObj } from '@storybook/vue3';
+/**
+ * Provides a wrapper around the `cx` function that merges the
+ * component's class attribute with the provided classes.
+ *
+ * This allows you to override tailwind classes from the parent component and `cx`
+ * will intelligently merge them while passing through other attributes.
+ *
+ * ### Example
+ *
+ * Scroll down for a working playground which mounts `MockComponent`.
+ *
+ * ```html
+ * <script setup>
+ * import { useBindCx, cva } from '@scalar/components'
+ *
+ * defineProps<{ active?: boolean }>()
+ *
+ * // Important: disable inheritance of attributes
+ * defineOptions({ inheritAttrs: false })
+ *
+ * const { cx } = useBindCx()
+ *
+ * const variants = cva({
+ *   base: 'border rounded p-2 bg-b-1',
+ *   variants: { active: { true: 'bg-b-2' } },
+ * })
+ * </script>
+ * <template>
+ *   <div v-bind="cx(variants({ active }))">MockComponent</div>
+ * </template>
+ * ```
+ */
+declare const meta: {
+    tags: string[];
+    argTypes: {
+        active: {
+            control: "boolean";
+            description: string;
+        };
+        class: {
+            control: "text";
+            description: string;
+        };
+        attrs: {
+            control: "object";
+            description: string;
+        };
+    };
+    render: (args: import("@storybook/vue3").Args) => {
+        components: {
+            MockComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                cx: (...args: import("cva").CXOptions) => {
+                    class: string;
+                    [key: string]: any;
+                };
+                variants: (props?: ({
+                    active?: boolean | undefined;
+                } & ({
+                    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                    className?: never;
+                } | {
+                    class?: never;
+                    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                })) | undefined) => string;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                active: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            bind: import("vue").ComputedRef<any>;
+            passedIn: import("vue").ComputedRef<string>;
+            rendered: import("vue").Ref<string, string>;
+            mock: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                cx: (...args: import("cva").CXOptions) => {
+                    class: string;
+                    [key: string]: any;
+                };
+                variants: (props?: ({
+                    active?: boolean | undefined;
+                } & ({
+                    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                    className?: never;
+                } | {
+                    class?: never;
+                    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                })) | undefined) => string;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+                active: boolean;
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                cx: (...args: import("cva").CXOptions) => {
+                    class: string;
+                    [key: string]: any;
+                };
+                variants: (props?: ({
+                    active?: boolean | undefined;
+                } & ({
+                    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                    className?: never;
+                } | {
+                    class?: never;
+                    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                })) | undefined) => string;
+            }, {}, {}, {}, {
+                active: boolean;
+            }> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                cx: (...args: import("cva").CXOptions) => {
+                    class: string;
+                    [key: string]: any;
+                };
+                variants: (props?: ({
+                    active?: boolean | undefined;
+                } & ({
+                    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                    className?: never;
+                } | {
+                    class?: never;
+                    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                })) | undefined) => string;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+                active: boolean;
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                cx: (...args: import("cva").CXOptions) => {
+                    class: string;
+                    [key: string]: any;
+                };
+                variants: (props?: ({
+                    active?: boolean | undefined;
+                } & ({
+                    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                    className?: never;
+                } | {
+                    class?: never;
+                    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined)[] | {
+                        [x: string]: any;
+                    } | null | undefined;
+                })) | undefined) => string;
+            }, {}, {}, {}, {
+                active: boolean;
+            }> | undefined>;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+//# sourceMappingURL=useBindCx.stories.d.ts.map

package/dist/hooks/useBindCx.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBindCx.stories.d.ts","sourceRoot":"","sources":["../../src/hooks/useBindCx.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AA8BrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDM,CAAA;AAEhB,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}

package/dist/hooks/useBindCx.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useBindCx.test.d.ts.map

package/dist/hooks/useBindCx.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBindCx.test.d.ts","sourceRoot":"","sources":["../../src/hooks/useBindCx.test.ts"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -4,14 +4,15 @@ export * from './components/ScalarCodeBlock';
 export * from './components/ScalarCombobox';
 export * from './components/ScalarContextMenu';
 export * from './components/ScalarDropdown';
+export * from './components/ScalarErrorBoundary';
 export * from './components/ScalarFloating';
 export * from './components/ScalarIcon';
 export * from './components/ScalarIconButton';
 export * from './components/ScalarListbox';
 export * from './components/ScalarLoading';
 export * from './components/ScalarMarkdown';
-export * from './components/ScalarModal';
 export * from './components/ScalarMenu';
+export * from './components/ScalarModal';
 export * from './components/ScalarPopover';
 export * from './components/ScalarSearchInput';
 export * from './components/ScalarSearchResults';
@@ -19,5 +20,6 @@ export * from './components/ScalarTextField';
 export * from './components/ScalarToggle';
 export * from './components/ScalarTooltip';
 export * from './components/ScalarVirtualText';
+export * from './hooks/useBindCx.js';
 export * 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,yBAAyB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAE9C,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,6BAA6B,CAAA;AAC3C,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,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAE9C,cAAc,mBAAmB,CAAA;AAEjC,cAAc,WAAW,CAAA"}

package/dist/index.js

@@ -1,73 +1,85 @@
 /* empty css                      */
-import { default as l } from "./components/ScalarButton/ScalarButton.vue.js";
-import { default as u } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
+import { useBindCx as l } from "./hooks/useBindCx.js";
+import { default as u } from "./components/ScalarButton/ScalarButton.vue.js";
+import { default as s } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
 /* empty css                                                */
-import { default as d } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
-import { default as p } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
-import { default as x } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
-import { default as n } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
-import { default as M } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
-import { default as b } from "./components/ScalarListbox/ScalarListbox.vue.js";
-import { default as C } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
+import { default as x } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
+import { default as m } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
+import { default as n } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
+import { default as M } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
+import { default as C } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
+import { default as w } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
+import { default as D } from "./components/ScalarListbox/ScalarListbox.vue.js";
+import { default as T } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
 /* empty css                                              */
-import { default as L } from "./components/ScalarMenu/ScalarMenu.vue.js";
-import { default as w } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
-import { default as P } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
-import { default as B } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
-import { default as v } from "./components/ScalarToggle/ScalarToggle.vue.js";
-import { default as y } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
-import { default as V } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
-import { styles as q } from "./components/ScalarButton/variants.js";
-import { default as A } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
-import { default as G } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
-import { default as K } from "./components/ScalarFloating/ScalarFloating.vue.js";
-import { default as O } from "./components/ScalarIcon/ScalarIcon.vue.js";
-import { default as U } from "./components/ScalarLoading/ScalarLoading.vue.js";
-import { useLoadingState as X } from "./components/ScalarLoading/ScalarLoading.vue2.js";
-import { default as Z } from "./components/ScalarModal/ScalarModal.vue.js";
-import { useModal as $ } from "./components/ScalarModal/ScalarModal.vue2.js";
-import { default as ra } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
-import { default as ea } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
-import { default as la } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
-import { default as ua } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
-import { default as da } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
-import { default as pa } from "./components/ScalarPopover/ScalarPopover.vue.js";
-import { default as xa } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
-import { default as na } from "./components/ScalarTextField/ScalarTextField.vue.js";
-import { addScalarClassesToHeadless as Ma } from "./helpers/add-scalar-classes.js";
+import { default as k } from "./components/ScalarMenu/ScalarMenu.vue.js";
+import { default as P } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
+import { default as v } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
+import { default as F } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
+import { default as H } from "./components/ScalarToggle/ScalarToggle.vue.js";
+import { default as j } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
+import { default as z } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
+import { styles as G } from "./components/ScalarButton/variants.js";
+import { default as K } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
+import { default as O } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
+import { default as U } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
+import { default as X } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
+import { default as Z } from "./components/ScalarFloating/ScalarFloating.vue.js";
+import { default as $ } from "./components/ScalarIcon/ScalarIcon.vue.js";
+import { default as ra } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
+import { default as ea } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
+import { default as la } from "./components/ScalarLoading/ScalarLoading.vue.js";
+import { useLoadingState as ua } from "./components/ScalarLoading/ScalarLoading.vue2.js";
+import { default as sa } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
+import { default as xa } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
+import { default as ma } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
+import { default as na } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
+import { default as Ma } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
+import { default as Ca } from "./components/ScalarModal/ScalarModal.vue.js";
+import { useModal as wa } from "./components/ScalarModal/ScalarModal.vue2.js";
+import { default as Da } from "./components/ScalarPopover/ScalarPopover.vue.js";
+import { default as Ta } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
+import { default as ka } from "./components/ScalarTextField/ScalarTextField.vue.js";
+import { addScalarClassesToHeadless as Pa } from "./helpers/add-scalar-classes.js";
 export {
-  l as ScalarButton,
-  u as ScalarCodeBlock,
-  d as ScalarCombobox,
-  p as ScalarComboboxMultiselect,
-  x as ScalarContextMenu,
-  n as ScalarDropdown,
-  A as ScalarDropdownDivider,
-  G as ScalarDropdownItem,
-  K as ScalarFloating,
-  O as ScalarIcon,
-  M as ScalarIconButton,
-  b as ScalarListbox,
-  U as ScalarLoading,
-  C as ScalarMarkdown,
-  L as ScalarMenu,
-  ea as ScalarMenuLink,
-  la as ScalarMenuProduct,
-  ua as ScalarMenuProducts,
-  da as ScalarMenuResources,
-  ra as ScalarMenuSection,
-  w as ScalarMenuTeamPicker,
-  Z as ScalarModal,
-  pa as ScalarPopover,
-  xa as ScalarSearchInput,
-  B as ScalarSearchResultItem,
-  P as ScalarSearchResultList,
-  na as ScalarTextField,
-  v as ScalarToggle,
-  y as ScalarTooltip,
-  V as ScalarVirtualText,
-  Ma as addScalarClassesToHeadless,
-  q as styles,
-  X as useLoadingState,
-  $ as useModal
+  u as ScalarButton,
+  s as ScalarCodeBlock,
+  x as ScalarCombobox,
+  m as ScalarComboboxMultiselect,
+  n as ScalarContextMenu,
+  M as ScalarDropdown,
+  O as ScalarDropdownButton,
+  K as ScalarDropdownDivider,
+  U as ScalarDropdownItem,
+  X as ScalarDropdownMenu,
+  C as ScalarErrorBoundary,
+  Z as ScalarFloating,
+  $ as ScalarIcon,
+  w as ScalarIconButton,
+  D as ScalarListbox,
+  ea as ScalarListboxCheckbox,
+  ra as ScalarListboxItem,
+  la as ScalarLoading,
+  T as ScalarMarkdown,
+  k as ScalarMenu,
+  xa as ScalarMenuLink,
+  ma as ScalarMenuProduct,
+  na as ScalarMenuProducts,
+  Ma as ScalarMenuResources,
+  sa as ScalarMenuSection,
+  P as ScalarMenuTeamPicker,
+  Ca as ScalarModal,
+  Da as ScalarPopover,
+  Ta as ScalarSearchInput,
+  F as ScalarSearchResultItem,
+  v as ScalarSearchResultList,
+  ka as ScalarTextField,
+  H as ScalarToggle,
+  j as ScalarTooltip,
+  z as ScalarVirtualText,
+  Pa as addScalarClassesToHeadless,
+  G as styles,
+  l as useBindCx,
+  ua as useLoadingState,
+  wa as useModal
 };