@onereach/ui-components 2.73.0-beta.2258.0 → 2.73.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/bundled/v2/{OrCardCollection-06ecb8e1.js → OrCardCollection-4ac89ea5.js} +1 -1
  2. package/dist/bundled/v2/{OrCode-0cf7596d.js → OrCode-fc6876ec.js} +12 -184
  3. package/dist/bundled/v2/{OrNotification-2e2a1941.js → OrNotification-3909aaf2.js} +3 -3
  4. package/dist/bundled/v2/{OrSearch-bb87b34c.js → OrSearch-09fd004c.js} +2 -1
  5. package/dist/bundled/v2/{OrSidebar-c95ef614.js → OrSidebar-a2bc21b9.js} +155 -34
  6. package/dist/bundled/v2/OrSidebarCollapseButton-8297ef86.js +125 -0
  7. package/dist/bundled/v2/{OrSkeletonText-2f1a3cc7.js → OrSkeletonText-242d22f3.js} +3 -3
  8. package/dist/bundled/v2/components/index.js +7 -6
  9. package/dist/bundled/v2/components/or-card-collection-v3/index.js +2 -2
  10. package/dist/bundled/v2/components/or-code/OrCode.vue.d.ts +0 -10
  11. package/dist/bundled/v2/components/or-code/index.js +1 -1
  12. package/dist/bundled/v2/components/or-notification/index.js +1 -1
  13. package/dist/bundled/v2/components/or-search-v3/index.js +1 -1
  14. package/dist/bundled/v2/components/or-sidebar-v3/OrSidebar.stories3.d.ts +36 -1
  15. package/dist/bundled/v2/components/or-sidebar-v3/OrSidebar.vue.d.ts +49 -4
  16. package/dist/bundled/v2/components/or-sidebar-v3/index.js +13 -1
  17. package/dist/bundled/v2/components/or-sidebar-v3/partials/index.d.ts +1 -0
  18. package/dist/bundled/v2/components/or-sidebar-v3/partials/index.js +18 -0
  19. package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.d.ts +12 -0
  20. package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts +53 -0
  21. package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts +1 -0
  22. package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +18 -0
  23. package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts +2 -0
  24. package/dist/bundled/v2/components/or-sidebar-v3/styles.d.ts +7 -1
  25. package/dist/bundled/v2/components/or-skeleton/index.js +1 -1
  26. package/dist/bundled/v2/index.js +8 -7
  27. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-e2980d04.js → OrCardCollection.vue_vue_type_script_lang-f76c3264.js} +1 -1
  28. package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-df150e3b.js → OrCode.vue_vue_type_script_lang-c55de81d.js} +8 -180
  29. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-321907ec.js → OrSearch.vue_vue_type_script_lang-c054c8db.js} +2 -1
  30. package/dist/bundled/v3/OrSidebar.vue_vue_type_script_lang-7f3f1a16.js +291 -0
  31. package/dist/bundled/v3/OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js +75 -0
  32. package/dist/bundled/v3/components/index.js +5 -4
  33. package/dist/bundled/v3/components/or-card-collection-v3/index.js +2 -2
  34. package/dist/bundled/v3/components/or-code/OrCode.vue.d.ts +0 -10
  35. package/dist/bundled/v3/components/or-code/index.js +1 -1
  36. package/dist/bundled/v3/components/or-search-v3/index.js +1 -1
  37. package/dist/bundled/v3/components/or-sidebar-v3/OrSidebar.stories3.d.ts +36 -1
  38. package/dist/bundled/v3/components/or-sidebar-v3/OrSidebar.vue.d.ts +49 -4
  39. package/dist/bundled/v3/components/or-sidebar-v3/index.js +16 -2
  40. package/dist/bundled/v3/components/or-sidebar-v3/partials/index.d.ts +1 -0
  41. package/dist/bundled/v3/components/or-sidebar-v3/partials/index.js +17 -0
  42. package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.d.ts +12 -0
  43. package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts +53 -0
  44. package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts +1 -0
  45. package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +17 -0
  46. package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts +2 -0
  47. package/dist/bundled/v3/components/or-sidebar-v3/styles.d.ts +7 -1
  48. package/dist/bundled/v3/index.js +36 -19
  49. package/dist/esm/v2/{OrCardCollection-251ab033.js → OrCardCollection-5a9eda35.js} +1 -1
  50. package/dist/esm/v2/{OrCode-e2ce05ea.js → OrCode-d4400b42.js} +12 -30
  51. package/dist/esm/v2/{OrNotification-a49e76d3.js → OrNotification-a9231a83.js} +3 -3
  52. package/dist/esm/v2/{OrSearch-f42d588d.js → OrSearch-7411388b.js} +2 -1
  53. package/dist/esm/v2/{OrSidebar-fabc7bc9.js → OrSidebar-27236fbd.js} +155 -34
  54. package/dist/esm/v2/OrSidebarCollapseButton-cfe51a60.js +123 -0
  55. package/dist/esm/v2/{OrSkeletonText-24509efe.js → OrSkeletonText-cc94bdc9.js} +3 -3
  56. package/dist/esm/v2/components/index.js +7 -7
  57. package/dist/esm/v2/components/or-card-collection-v3/index.js +2 -2
  58. package/dist/esm/v2/components/or-code/OrCode.vue.d.ts +0 -10
  59. package/dist/esm/v2/components/or-code/index.js +2 -3
  60. package/dist/esm/v2/components/or-notification/index.js +1 -1
  61. package/dist/esm/v2/components/or-search-v3/index.js +1 -1
  62. package/dist/esm/v2/components/or-sidebar-v3/OrSidebar.stories3.d.ts +36 -1
  63. package/dist/esm/v2/components/or-sidebar-v3/OrSidebar.vue.d.ts +49 -4
  64. package/dist/esm/v2/components/or-sidebar-v3/index.js +13 -1
  65. package/dist/esm/v2/components/or-sidebar-v3/partials/index.d.ts +1 -0
  66. package/dist/esm/v2/components/or-sidebar-v3/partials/index.js +16 -0
  67. package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.d.ts +12 -0
  68. package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts +53 -0
  69. package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts +1 -0
  70. package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +16 -0
  71. package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts +2 -0
  72. package/dist/esm/v2/components/or-sidebar-v3/styles.d.ts +7 -1
  73. package/dist/esm/v2/components/or-skeleton/index.js +1 -1
  74. package/dist/esm/v2/index.js +7 -7
  75. package/dist/esm/v3/{OrCardCollection-8b8e3745.js → OrCardCollection-e4fde5b4.js} +1 -1
  76. package/dist/esm/v3/{OrCode-72688173.js → OrCode-5ed69c23.js} +9 -27
  77. package/dist/esm/v3/{OrNotification-eb08de33.js → OrNotification-e85a4956.js} +1 -1
  78. package/dist/esm/v3/{OrSearch-4c5c44f2.js → OrSearch-5406bf03.js} +2 -1
  79. package/dist/esm/v3/OrSidebar-61d84c3e.js +313 -0
  80. package/dist/esm/v3/OrSidebarCollapseButton-1b9c83ef.js +94 -0
  81. package/dist/esm/v3/{OrSkeletonText-0546754d.js → OrSkeletonText-2b1610ce.js} +3 -3
  82. package/dist/esm/v3/components/index.js +7 -7
  83. package/dist/esm/v3/components/or-card-collection-v3/index.js +2 -2
  84. package/dist/esm/v3/components/or-code/OrCode.vue.d.ts +0 -10
  85. package/dist/esm/v3/components/or-code/index.js +2 -3
  86. package/dist/esm/v3/components/or-notification/index.js +1 -1
  87. package/dist/esm/v3/components/or-search-v3/index.js +1 -1
  88. package/dist/esm/v3/components/or-sidebar-v3/OrSidebar.stories3.d.ts +36 -1
  89. package/dist/esm/v3/components/or-sidebar-v3/OrSidebar.vue.d.ts +49 -4
  90. package/dist/esm/v3/components/or-sidebar-v3/index.js +12 -1
  91. package/dist/esm/v3/components/or-sidebar-v3/partials/index.d.ts +1 -0
  92. package/dist/esm/v3/components/or-sidebar-v3/partials/index.js +15 -0
  93. package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.d.ts +12 -0
  94. package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts +53 -0
  95. package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts +1 -0
  96. package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +15 -0
  97. package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts +2 -0
  98. package/dist/esm/v3/components/or-sidebar-v3/styles.d.ts +7 -1
  99. package/dist/esm/v3/components/or-skeleton/index.js +1 -1
  100. package/dist/esm/v3/index.js +7 -7
  101. package/package.json +4 -4
  102. package/src/components/or-code/OrCode.vue +6 -23
  103. package/src/components/or-notification/OrNotification.vue +1 -26
  104. package/src/components/or-search-v3/OrSearch.vue +2 -1
  105. package/src/components/or-sidebar-v3/OrSidebar.docs.mdx +6 -0
  106. package/src/components/or-sidebar-v3/OrSidebar.stories3.ts +253 -12
  107. package/src/components/or-sidebar-v3/OrSidebar.vue +130 -23
  108. package/src/components/or-sidebar-v3/partials/index.ts +1 -0
  109. package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.ts +48 -0
  110. package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue +79 -0
  111. package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.ts +1 -0
  112. package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.ts +50 -0
  113. package/src/components/or-sidebar-v3/styles.ts +114 -9
  114. package/src/components/or-skeleton/styles.scss +3 -18
  115. package/src/components/or-stepper/OrStepper.stories.ts +1 -1
  116. package/dist/bundled/v3/OrSidebar.vue_vue_type_script_lang-ce0b152c.js +0 -181
  117. package/dist/esm/v3/OrSidebar-a62972f5.js +0 -206
@@ -9,11 +9,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
9
9
  fullscreenTarget: Ref<HTMLDivElement | undefined>;
10
10
  editor: EditorView;
11
11
  isHovered: Ref<boolean>;
12
- isDark: Ref<boolean>;
13
- themeObserver: {
14
- isSupported: Ref<boolean>;
15
- stop: () => void;
16
- };
17
12
  }> & {
18
13
  isFullscreen: boolean;
19
14
  }, {
@@ -173,11 +168,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
173
168
  fullscreenTarget: Ref<HTMLDivElement | undefined>;
174
169
  editor: EditorView;
175
170
  isHovered: Ref<boolean>;
176
- isDark: Ref<boolean>;
177
- themeObserver: {
178
- isSupported: Ref<boolean>;
179
- stop: () => void;
180
- };
181
171
  }>, {
182
172
  isFullscreen: boolean;
183
173
  }, {
@@ -1,4 +1,4 @@
1
- export { s as OrCode, O as OrCodeLanguages } from '../../OrCode.vue_vue_type_script_lang-df150e3b.js';
1
+ export { s as OrCode, O as OrCodeLanguages } from '../../OrCode.vue_vue_type_script_lang-c55de81d.js';
2
2
  import '@vueuse/core';
3
3
  import 'lodash';
4
4
  import 'vue';
@@ -1,4 +1,4 @@
1
- export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-321907ec.js';
1
+ export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-c054c8db.js';
2
2
  export { a as SearchSize } from '../../OrInputBox.vue_vue_type_script_lang-47d98e81.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue';
@@ -10,7 +10,17 @@ export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue
10
10
  } | string[], {} & {}, {
11
11
  [x: number]: string;
12
12
  } | {}, true>)>;
13
- 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, {
13
+ 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, {
14
+ [x: string]: ((...args: any[]) => any) | null;
15
+ } | string[], {} & {}, {
16
+ [x: number]: string;
17
+ } | {}, true>)>;
18
+ 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, {
19
+ [x: string]: ((...args: any[]) => any) | null;
20
+ } | string[], {} & {}, {
21
+ [x: number]: string;
22
+ } | {}, true>)>;
23
+ 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, {
14
24
  [x: string]: ((...args: any[]) => any) | null;
15
25
  } | string[], {} & {}, {
16
26
  [x: number]: string;
@@ -30,8 +40,33 @@ export declare const WithFooter: StoryFn<import("vue").ComponentOptions<import("
30
40
  } | string[], {} & {}, {
31
41
  [x: number]: string;
32
42
  } | {}, true>)>;
43
+ 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, {
44
+ [x: string]: ((...args: any[]) => any) | null;
45
+ } | string[], {} & {}, {
46
+ [x: number]: string;
47
+ } | {}, true>)>;
48
+ 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, {
49
+ [x: string]: ((...args: any[]) => any) | null;
50
+ } | string[], {} & {}, {
51
+ [x: number]: string;
52
+ } | {}, true>)>;
53
+ 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, {
54
+ [x: string]: ((...args: any[]) => any) | null;
55
+ } | string[], {} & {}, {
56
+ [x: number]: string;
57
+ } | {}, true>)>;
33
58
  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, {
34
59
  [x: string]: ((...args: any[]) => any) | null;
35
60
  } | string[], {} & {}, {
36
61
  [x: number]: string;
37
62
  } | {}, true>)>;
63
+ 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, {
64
+ [x: string]: ((...args: any[]) => any) | null;
65
+ } | string[], {} & {}, {
66
+ [x: number]: string;
67
+ } | {}, true>)>;
68
+ 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, {
69
+ [x: string]: ((...args: any[]) => any) | null;
70
+ } | string[], {} & {}, {
71
+ [x: number]: string;
72
+ } | {}, true>)>;
@@ -4,26 +4,36 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
4
4
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
5
5
  resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
6
6
  isResizing: import("@vue/composition-api").Ref<boolean>;
7
+ isCollapsed: import("@vue/composition-api").Ref<boolean>;
7
8
  localWidth: import("@vue/composition-api").Ref<number>;
9
+ isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
8
10
  sidebarStyle: import("@vue/composition-api").ComputedRef<{
9
11
  width: string;
10
12
  }>;
11
13
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
14
+ sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
15
+ toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
12
16
  resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
17
+ collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
13
18
  mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
14
19
  headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
15
20
  contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
16
21
  footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
22
+ open: () => void;
23
+ close: () => void;
17
24
  }> & import("@vue/composition-api").Data, {}, {}, {
18
25
  width: {
19
26
  type: NumberConstructor;
20
- required: false;
21
27
  default: number;
22
28
  validator: (value?: any) => boolean;
23
29
  };
24
30
  minimumWidth: {
25
31
  type: NumberConstructor;
26
- required: false;
32
+ default: number;
33
+ validator: (value?: any) => boolean;
34
+ };
35
+ maximumWidth: {
36
+ type: NumberConstructor;
27
37
  default: number;
28
38
  validator: (value?: any) => boolean;
29
39
  };
@@ -39,16 +49,27 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
39
49
  default: OrSidebarPlacement;
40
50
  validator: (value?: any) => boolean;
41
51
  };
52
+ draggable: {
53
+ type: BooleanConstructor;
54
+ default: boolean;
55
+ };
56
+ collapsible: {
57
+ type: BooleanConstructor;
58
+ default: boolean;
59
+ };
42
60
  }, import("@vue/composition-api").ExtractPropTypes<{
43
61
  width: {
44
62
  type: NumberConstructor;
45
- required: false;
46
63
  default: number;
47
64
  validator: (value?: any) => boolean;
48
65
  };
49
66
  minimumWidth: {
50
67
  type: NumberConstructor;
51
- required: false;
68
+ default: number;
69
+ validator: (value?: any) => boolean;
70
+ };
71
+ maximumWidth: {
72
+ type: NumberConstructor;
52
73
  default: number;
53
74
  validator: (value?: any) => boolean;
54
75
  };
@@ -64,35 +85,59 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
64
85
  default: OrSidebarPlacement;
65
86
  validator: (value?: any) => boolean;
66
87
  };
88
+ draggable: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
92
+ collapsible: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
67
96
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
68
97
  width: number;
69
98
  minimumWidth: number;
99
+ maximumWidth: number;
70
100
  side: OrSidebarPlacement;
101
+ draggable: boolean;
102
+ collapsible: boolean;
71
103
  } & {} & {
72
104
  [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
73
105
  }, import("@vue/composition-api").ShallowUnwrapRef<{
74
106
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
75
107
  resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
76
108
  isResizing: import("@vue/composition-api").Ref<boolean>;
109
+ isCollapsed: import("@vue/composition-api").Ref<boolean>;
77
110
  localWidth: import("@vue/composition-api").Ref<number>;
111
+ isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
78
112
  sidebarStyle: import("@vue/composition-api").ComputedRef<{
79
113
  width: string;
80
114
  }>;
81
115
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
116
+ sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
117
+ toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
82
118
  resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
119
+ collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
83
120
  mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
84
121
  headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
85
122
  contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
86
123
  footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
124
+ open: () => void;
125
+ close: () => void;
87
126
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
88
127
  width: number;
89
128
  minimumWidth: number;
129
+ maximumWidth: number;
90
130
  side: OrSidebarPlacement;
131
+ draggable: boolean;
132
+ collapsible: boolean;
91
133
  } & {} & {
92
134
  [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
93
135
  }, {
94
136
  width: number;
95
137
  minimumWidth: number;
138
+ maximumWidth: number;
96
139
  side: OrSidebarPlacement;
140
+ draggable: boolean;
141
+ collapsible: boolean;
97
142
  }, true>);
98
143
  export default _default;
@@ -1,4 +1,18 @@
1
- export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-ce0b152c.js';
2
- import '@vueuse/core';
1
+ export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js';
2
+ export { s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-7f3f1a16.js';
3
3
  import 'lodash';
4
4
  import 'vue';
5
+ import '../../OrIconButton-e0566ecf.js';
6
+ import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
7
+ import '../../OrIcon-1a5c9091.js';
8
+ import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
9
+ import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
10
+ import '@vueuse/core';
11
+ import '../../OrPopover-1a488f88.js';
12
+ import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
13
+ import '../../floating-ui.dom.esm-83eba816.js';
14
+ import '../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
15
+ import '../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
16
+ import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
17
+ import '../../useElevation-c8d5d3ba.js';
18
+ import '../../useResponsive-9d397e2a.js';
@@ -0,0 +1 @@
1
+ export * from './or-sidebar-collapse-button';
@@ -0,0 +1,17 @@
1
+ export { s as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js';
2
+ import 'lodash';
3
+ import 'vue';
4
+ import '../../../OrIconButton-e0566ecf.js';
5
+ import '../../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
6
+ import '../../../OrIcon-1a5c9091.js';
7
+ import '../../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
8
+ import '../../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
9
+ import '@vueuse/core';
10
+ import '../../../OrPopover-1a488f88.js';
11
+ import '../../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
12
+ import '../../../floating-ui.dom.esm-83eba816.js';
13
+ import '../../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
14
+ import '../../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
15
+ import '../../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
16
+ import '../../../useElevation-c8d5d3ba.js';
17
+ import '../../../useResponsive-9d397e2a.js';
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryFn } from '@storybook/vue3';
2
+ 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, {
3
+ [x: string]: ((...args: any[]) => any) | null;
4
+ } | string[], {} & {}, {
5
+ [x: number]: string;
6
+ } | {}, true>)>;
7
+ export default _default;
8
+ 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, {
9
+ [x: string]: ((...args: any[]) => any) | null;
10
+ } | string[], {} & {}, {
11
+ [x: number]: string;
12
+ } | {}, true>)>;
@@ -0,0 +1,53 @@
1
+ import { PropType } from 'vue-demi';
2
+ import { OrSidebarPlacement } from '../../props';
3
+ declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
+ root: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
5
+ rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
6
+ buttonStyles: import("@vue/composition-api").ComputedRef<string[]>;
7
+ icon: import("@vue/composition-api").ComputedRef<"keyboard_arrow_left" | "keyboard_arrow_right">;
8
+ }> & import("@vue/composition-api").Data, {}, {}, {
9
+ /**
10
+ * Must be `true` if sidebar is collapsed.
11
+ */
12
+ modelValue: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ side: {
17
+ type: PropType<OrSidebarPlacement>;
18
+ default: OrSidebarPlacement;
19
+ validator: (value?: any) => boolean;
20
+ };
21
+ }, import("@vue/composition-api").ExtractPropTypes<{
22
+ /**
23
+ * Must be `true` if sidebar is collapsed.
24
+ */
25
+ modelValue: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ side: {
30
+ type: PropType<OrSidebarPlacement>;
31
+ default: OrSidebarPlacement;
32
+ validator: (value?: any) => boolean;
33
+ };
34
+ }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
35
+ modelValue: boolean;
36
+ side: OrSidebarPlacement;
37
+ } & {} & {
38
+ [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
39
+ }, import("@vue/composition-api").ShallowUnwrapRef<{
40
+ root: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
41
+ rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
42
+ buttonStyles: import("@vue/composition-api").ComputedRef<string[]>;
43
+ icon: import("@vue/composition-api").ComputedRef<"keyboard_arrow_left" | "keyboard_arrow_right">;
44
+ }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
45
+ modelValue: boolean;
46
+ side: OrSidebarPlacement;
47
+ } & {} & {
48
+ [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
49
+ }, {
50
+ modelValue: boolean;
51
+ side: OrSidebarPlacement;
52
+ }, true>);
53
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as OrSidebarCollapseButton } from './OrSidebarCollapseButton.vue';
@@ -0,0 +1,17 @@
1
+ export { s as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js';
2
+ import 'lodash';
3
+ import 'vue';
4
+ import '../../../../OrIconButton-e0566ecf.js';
5
+ import '../../../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
6
+ import '../../../../OrIcon-1a5c9091.js';
7
+ import '../../../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
8
+ import '../../../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
9
+ import '@vueuse/core';
10
+ import '../../../../OrPopover-1a488f88.js';
11
+ import '../../../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
12
+ import '../../../../floating-ui.dom.esm-83eba816.js';
13
+ import '../../../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
14
+ import '../../../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
15
+ import '../../../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
16
+ import '../../../../useElevation-c8d5d3ba.js';
17
+ import '../../../../useResponsive-9d397e2a.js';
@@ -0,0 +1,2 @@
1
+ export declare const CollapseButtonContainer: string[];
2
+ export declare const CollapseButton: string[];
@@ -1,8 +1,14 @@
1
1
  import { OrSidebarPlacement } from './props';
2
2
  export declare const SidebarRoot: string[];
3
- export declare const SidebarRootSides: Record<OrSidebarPlacement, string[]>;
3
+ export declare const SidebarBar: string[];
4
+ export declare const SidebarToolbar: string[];
5
+ export declare const CollapsibleSidebarToolbar: string[];
6
+ export declare const SidebarSides: Record<OrSidebarPlacement, string[]>;
7
+ export declare const SidebarToolbarSides: Record<OrSidebarPlacement, string[]>;
4
8
  export declare const SidebarResize: string[];
5
9
  export declare const SidebarResizeSides: Record<OrSidebarPlacement, string[]>;
10
+ export declare const SidebarCollapseButton: string[];
11
+ export declare const SidebarCollapseButtonSides: Record<OrSidebarPlacement, string[]>;
6
12
  export declare const SidebarResizingSides: Record<OrSidebarPlacement, string[]>;
7
13
  export declare const SidebarMain: string[];
8
14
  export declare const SidebarHeader: string[];