@onereach/ui-components 2.71.1-beta.2220.0 → 2.71.1-beta.2222.0

package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts

@@ -0,0 +1,27 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export default _default;
+export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const Addon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const Hint: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export declare const Error: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;

package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts

@@ -0,0 +1,98 @@
+import { PropType } from 'vue-demi';
+import { CombinedInputSize } from './props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
+    readonly: import("@vue/composition-api").ComputedRef<boolean>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    size: {
+        type: PropType<CombinedInputSize>;
+        default: CombinedInputSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    size: {
+        type: PropType<CombinedInputSize>;
+        default: CombinedInputSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    size: CombinedInputSize;
+    label: string;
+    hint: string;
+    error: string;
+    required: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
+    invalid: import("@vue/composition-api").ComputedRef<boolean>;
+    readonly: import("@vue/composition-api").ComputedRef<boolean>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    size: CombinedInputSize;
+    label: string;
+    hint: string;
+    error: string;
+    required: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {}, {
+    size: CombinedInputSize;
+    label: string;
+    hint: string;
+    error: string;
+    required: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+}, true>);
+export default _default;

package/dist/bundled/v3/components/or-combined-input-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
+export * from './props';

package/dist/bundled/v3/components/or-combined-input-v3/index.js

@@ -0,0 +1,132 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, Fragment } from 'vue';
+import '../../OrHint-9592499e.js';
+import '../../OrLabel-c6873e79.js';
+import { u as useClassAttribute } from '../../useClassAttribute-00888f78.js';
+import { s as script$1 } from '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
+import { s as script$2 } from '../../OrHint.vue_vue_type_script_lang-8e657168.js';
+import { s as script$3 } from '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';
+import { a as InputBoxSize } from '../../props-78496a2d.js';
+export { a as CombinedInputSize } from '../../props-78496a2d.js';
+
+const CombinedInputRoot = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const CombinedInputControlGroup = [
+// Layout
+'layout-row',
+// Box
+'w-full',
+// Shape (.or-input-box)
+'[&_.or-input-box]:first-child:rounded-r-0', '[&_.or-input-box]:intermediate-child:rounded-0', '[&_.or-input-box]:last-child:rounded-l-0',
+// Spacing (.or-input-box)
+'[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
+
+var script = defineComponent({
+  name: 'OrCombinedInput',
+  components: {
+    OrError: script$1,
+    OrHint: script$2,
+    OrLabel: script$3
+  },
+  inheritAttrs: false,
+  props: {
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    },
+    error: {
+      type: String,
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disableDefaultStyles: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot, classAttribute.value]);
+    const controlGroup = computed(() => [...CombinedInputControlGroup]);
+    // State
+    const invalid = computed(() => !!props.error);
+    const readonly = computed(() => context.attrs.readonly);
+    return {
+      root,
+      rootStyles,
+      controlGroup,
+      invalid,
+      readonly
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.controlGroup)
+  }, [renderSlot(_ctx.$slots, "default", {
+    size: _ctx.size,
+    required: _ctx.required,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled,
+    disableDefaultStyles: _ctx.disableDefaultStyles
+  })], 2 /* CLASS */), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
+    key: 2,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]))], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
+
+export { script as OrCombinedInputV3 };

package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts

@@ -0,0 +1 @@
+export { InputBoxSize as CombinedInputSize } from '../or-input-box-v3';

package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const CombinedInputRoot: string[];
+export declare const CombinedInputControlGroup: string[];

package/dist/bundled/v3/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-9d9a3917.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-86fcd480.js';
 import '@vueuse/core';
 import '../../index-01519e46.js';
 import 'vue';
@@ -11,8 +11,8 @@ import '../../OrButton-2b27c1fd.js';
 import '../../OrButton.vue_vue_type_script_lang-8c44986c.js';
 import '../../OrLoader-c4bbef2f.js';
 import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
-import '../../OrInput-a4f220ed.js';
-import '../../OrInput.vue_vue_type_script_lang-607d79d4.js';
+import '../../OrInput-9474b1c1.js';
+import '../../OrInput.vue_vue_type_script_lang-e7edc5e5.js';
 import '../../OrHint-9592499e.js';
 import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
 import '../../OrHint.vue_vue_type_script_lang-8e657168.js';
@@ -25,8 +25,9 @@ import '../../OrPopover-c462ce77.js';
 import '../../OrPopover.vue_vue_type_script_lang-54c7b11c.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../../useResponsive-9d397e2a.js';
-import '../../OrInputBox-eb54d73d.js';
-import '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+import '../../OrInputBox-a11eb96c.js';
+import '../../OrInputBox.vue_vue_type_script_lang-c8184afc.js';
+import '../../props-78496a2d.js';
 import '../../OrLabel-c6873e79.js';
 import '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v3/components/or-inline-input-v3/index.js

@@ -1,4 +1,4 @@
-export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-67218502.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-0b47a43c.js';
 export { I as InlineInputSize } from '../../OrInlineInputBox.vue_vue_type_script_lang-73750005.js';
 import 'vue';
 import '../../OrHint-9592499e.js';

package/dist/bundled/v3/components/or-inline-textarea-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-a1831ab8.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-71784de5.js';
 import 'vue';
 import '../../OrHint-9592499e.js';
 import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';

package/dist/bundled/v3/components/or-input-box-v3/index.js

@@ -1,3 +1,4 @@
-export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+export { a as InputBoxSize, I as InputBoxVariant } from '../../props-78496a2d.js';
+export { s as OrInputBoxV3 } from '../../OrInputBox.vue_vue_type_script_lang-c8184afc.js';
 import 'vue';
 import '../../useClassAttribute-00888f78.js';

package/dist/bundled/v3/components/or-input-v3/index.js

@@ -1,5 +1,5 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-607d79d4.js';
-export { a as InputSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-e7edc5e5.js';
+export { a as InputSize } from '../../props-78496a2d.js';
 import 'vue';
 import '../../OrHint-9592499e.js';
 import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
@@ -19,6 +19,7 @@ import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 import '../../useElevation-c8d5d3ba.js';
 import '../../useResponsive-9d397e2a.js';
-import '../../OrInputBox-eb54d73d.js';
+import '../../OrInputBox-a11eb96c.js';
+import '../../OrInputBox.vue_vue_type_script_lang-c8184afc.js';
 import '../../OrLabel-c6873e79.js';
 import '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';

package/dist/bundled/v3/components/or-search-v3/index.js

@@ -1,9 +1,9 @@
-export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-06f318ca.js';
-export { a as SearchSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-1b5462df.js';
+export { a as SearchSize } from '../../props-78496a2d.js';
 import 'vue';
 import '@vueuse/core';
-import '../../OrInput-a4f220ed.js';
-import '../../OrInput.vue_vue_type_script_lang-607d79d4.js';
+import '../../OrInput-9474b1c1.js';
+import '../../OrInput.vue_vue_type_script_lang-e7edc5e5.js';
 import '../../OrHint-9592499e.js';
 import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
 import '../../useClassAttribute-00888f78.js';
@@ -21,7 +21,8 @@ import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 import '../../useElevation-c8d5d3ba.js';
 import '../../useResponsive-9d397e2a.js';
-import '../../OrInputBox-eb54d73d.js';
+import '../../OrInputBox-a11eb96c.js';
+import '../../OrInputBox.vue_vue_type_script_lang-c8184afc.js';
 import '../../OrLabel-c6873e79.js';
 import '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v3/components/or-select-v3/index.js

@@ -1,5 +1,5 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-83f15704.js';
-export { a as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-0416ad89.js';
+export { a as SelectSize } from '../../props-78496a2d.js';
 import 'vue';
 import '../../OrCheckbox.vue_vue_type_script_lang-8b36e06c.js';
 import '../../OrLabel-c6873e79.js';
@@ -12,8 +12,8 @@ import '../../OrHint.vue_vue_type_script_lang-8e657168.js';
 import '../../OrExpansionPanel.vue_vue_type_script_lang-5360f580.js';
 import '../../OrIcon-d878b768.js';
 import '../../OrIcon.vue_vue_type_script_lang-a119a715.js';
-import '../../OrInput-a4f220ed.js';
-import '../../OrInput.vue_vue_type_script_lang-607d79d4.js';
+import '../../OrInput-9474b1c1.js';
+import '../../OrInput.vue_vue_type_script_lang-e7edc5e5.js';
 import '../../OrIconButton-cd62526d.js';
 import '../../OrIconButton.vue_vue_type_script_lang-aefcf30d.js';
 import '../../OrTooltip.vue_vue_type_script_lang-67cc86ed.js';
@@ -26,7 +26,8 @@ import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 import '../../useElevation-c8d5d3ba.js';
 import '../../useResponsive-9d397e2a.js';
-import '../../OrInputBox-eb54d73d.js';
+import '../../OrInputBox-a11eb96c.js';
+import '../../OrInputBox.vue_vue_type_script_lang-c8184afc.js';
 import '../../OrMenuItem-4feaba6c.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
 import '../../OrTag.vue_vue_type_script_lang-3e30f662.js';

package/dist/bundled/v3/components/or-sidebar-v3/OrSidebar.stories3.d.ts

@@ -10,17 +10,7 @@ export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
-export declare const WithCustomWidthConstraints: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export declare const NotDraggable: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export declare const Collapsible: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+export declare const WithMinimumWidth: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
     [x: number]: string;
@@ -40,33 +30,8 @@ export declare const WithFooter: StoryFn<import("vue").ComponentOptions<import("
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
-export declare const WithToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export declare const CollapsibleWithToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export declare const WithTabs: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
 export declare const LeftSidebar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
-export declare const WithLeftToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;
-export declare const CollapsibleWithWithLeftToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-    [x: string]: ((...args: any[]) => any) | null;
-} | string[], {} & {}, {
-    [x: number]: string;
-} | {}, true>)>;

package/dist/bundled/v3/components/or-sidebar-v3/OrSidebar.vue.d.ts

@@ -4,36 +4,26 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
     isResizing: import("@vue/composition-api").Ref<boolean>;
-    isCollapsed: import("@vue/composition-api").Ref<boolean>;
     localWidth: import("@vue/composition-api").Ref<number>;
-    isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
     sidebarStyle: import("@vue/composition-api").ComputedRef<{
         width: string;
     }>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    open: () => void;
-    close: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     width: {
         type: NumberConstructor;
+        required: false;
         default: number;
         validator: (value?: any) => boolean;
     };
     minimumWidth: {
         type: NumberConstructor;
-        default: number;
-        validator: (value?: any) => boolean;
-    };
-    maximumWidth: {
-        type: NumberConstructor;
+        required: false;
         default: number;
         validator: (value?: any) => boolean;
     };
@@ -49,27 +39,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: OrSidebarPlacement;
         validator: (value?: any) => boolean;
     };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     width: {
         type: NumberConstructor;
+        required: false;
         default: number;
         validator: (value?: any) => boolean;
     };
     minimumWidth: {
         type: NumberConstructor;
-        default: number;
-        validator: (value?: any) => boolean;
-    };
-    maximumWidth: {
-        type: NumberConstructor;
+        required: false;
         default: number;
         validator: (value?: any) => boolean;
     };
@@ -85,59 +64,35 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: OrSidebarPlacement;
         validator: (value?: any) => boolean;
     };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     width: number;
     minimumWidth: number;
-    maximumWidth: number;
     side: OrSidebarPlacement;
-    draggable: boolean;
-    collapsible: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
     isResizing: import("@vue/composition-api").Ref<boolean>;
-    isCollapsed: import("@vue/composition-api").Ref<boolean>;
     localWidth: import("@vue/composition-api").Ref<number>;
-    isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
     sidebarStyle: import("@vue/composition-api").ComputedRef<{
         width: string;
     }>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    open: () => void;
-    close: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     width: number;
     minimumWidth: number;
-    maximumWidth: number;
     side: OrSidebarPlacement;
-    draggable: boolean;
-    collapsible: boolean;
 } & {} & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     width: number;
     minimumWidth: number;
-    maximumWidth: number;
     side: OrSidebarPlacement;
-    draggable: boolean;
-    collapsible: boolean;
 }, true>);
 export default _default;

package/dist/bundled/v3/components/or-sidebar-v3/index.js

@@ -1,18 +1,4 @@
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-80e5dc4b.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-ce0b152c.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue';
-import '../../OrIconButton-cd62526d.js';
-import '../../OrIconButton.vue_vue_type_script_lang-aefcf30d.js';
-import '../../OrIcon-d878b768.js';
-import '../../OrIcon.vue_vue_type_script_lang-a119a715.js';
-import '../../useClassAttribute-00888f78.js';
-import '../../OrTooltip.vue_vue_type_script_lang-67cc86ed.js';
-import '../../OrPopover-c462ce77.js';
-import '../../OrPopover.vue_vue_type_script_lang-54c7b11c.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
-import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
-import '../../useElevation-c8d5d3ba.js';
-import '../../useResponsive-9d397e2a.js';

package/dist/bundled/v3/components/or-sidebar-v3/styles.d.ts

@@ -1,18 +1,10 @@
 import { OrSidebarPlacement } from './props';
 export declare const SidebarRoot: string[];
-export declare const SidebarBar: string[];
-export declare const SidebarToolbar: string[];
-export declare const CollapsibleSidebarToolbar: string[];
-export declare const SidebarSides: Record<OrSidebarPlacement, string[]>;
-export declare const SidebarToolbarSides: Record<OrSidebarPlacement, string[]>;
+export declare const SidebarRootSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarResize: string[];
 export declare const SidebarResizeSides: Record<OrSidebarPlacement, string[]>;
-export declare const SidebarCollapseButton: string[];
-export declare const SidebarCollapseButtonSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarResizingSides: Record<OrSidebarPlacement, string[]>;
 export declare const SidebarMain: string[];
 export declare const SidebarHeader: string[];
 export declare const SidebarContent: string[];
 export declare const SidebarFooter: string[];
-export declare const CollapseButtonContainer: string[];
-export declare const CollapseButton: string[];