@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
@@ -0,0 +1,125 @@
1
+ import _ from 'lodash';
2
+ import './index-fa6eb4ca.js';
3
+ import { O as OrIconButton } from './OrIconButton-837d57f8.js';
4
+ import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
5
+ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
6
+
7
+ var OrSidebarPlacement;
8
+ (function (OrSidebarPlacement) {
9
+ OrSidebarPlacement["left"] = "left";
10
+ OrSidebarPlacement["right"] = "right";
11
+ })(OrSidebarPlacement || (OrSidebarPlacement = {}));
12
+
13
+ const CollapseButtonContainer = [
14
+ // Box
15
+ 'w-[24px]', 'h-[24px]', 'rounded-full',
16
+ // Theme
17
+ 'text-primary dark:text-primary-dark', 'bg-background dark:bg-background-dark'];
18
+ const CollapseButton = [
19
+ // Box
20
+ 'w-[24px]', 'h-[24px]', 'rounded-full',
21
+ // Typography
22
+ '!text-[16px]',
23
+ // Borders
24
+ '!border-[1px]', '!border-solid',
25
+ // Theme
26
+ '!text-primary dark:!text-primary-dark', '!bg-background dark:!bg-background-dark', '!border-outline-variant dark:!border-outline-variant-dark', '!outline-none',
27
+ // Theme (hover)
28
+ 'hover:!text-primary hover:dark:!text-primary-dark', 'hover:!bg-primary-opacity-0-08 dark:hover:!bg-primary-opacity-0-08-dark', 'hover:!border-outline dark:hover:!border-outline-dark',
29
+ // Theme (active)
30
+ 'active:!text-primary active:dark:!text-primary-dark', 'active:!bg-primary-opacity-0-12 dark:active:!bg-primary-opacity-0-12-dark', 'active:!border-primary dark:active:!border-primary-dark',
31
+ // Theme (focus)
32
+ 'focus:!text-primary focus:dark:!text-primary-dark', 'focus:!bg-primary-opacity-0-12 dark:focus:!bg-primary-opacity-0-12-dark', 'focus:!border-outline dark:focus:!border-outline-dark',
33
+ // Theme (disabled)
34
+ 'disabled:!text-on-disabled disabled:dark:!text-on-disabled-dark', 'disabled:!bg-background disabled:dark:!bg-background-dark', 'disabled:!border-outline-variant disabled:dark:!border-outline-variant-dark'];
35
+
36
+ var script = defineComponent({
37
+ name: 'OrSidebarCollapseButton',
38
+ components: {
39
+ OrIconButton
40
+ },
41
+ model: {
42
+ prop: 'modelValue',
43
+ event: 'update:modelValue'
44
+ },
45
+ props: {
46
+ /**
47
+ * Must be `true` if sidebar is collapsed.
48
+ */
49
+ modelValue: {
50
+ type: Boolean,
51
+ default: false
52
+ },
53
+ side: {
54
+ type: String,
55
+ default: OrSidebarPlacement.right,
56
+ validator: value => _.includes(_.values(OrSidebarPlacement), value)
57
+ }
58
+ },
59
+ emits: ['update:modelValue'],
60
+ expose: ['root'],
61
+ setup(props) {
62
+ // Refs
63
+ const root = ref();
64
+ const rootStyles = computed(() => ['or-sidebar-collapse-button', ...CollapseButtonContainer]);
65
+ const buttonStyles = computed(() => [...CollapseButton]);
66
+ const icon = computed(() => props.side === OrSidebarPlacement.left !== props.modelValue ? 'keyboard_arrow_left' : 'keyboard_arrow_right');
67
+ return {
68
+ root,
69
+ rootStyles,
70
+ buttonStyles,
71
+ icon
72
+ };
73
+ }
74
+ });
75
+
76
+ /* script */
77
+ const __vue_script__ = script;
78
+
79
+ /* template */
80
+ var __vue_render__ = function () {
81
+ var _vm = this;
82
+ var _h = _vm.$createElement;
83
+ var _c = _vm._self._c || _h;
84
+ return _c('div', {
85
+ ref: "root",
86
+ class: _vm.rootStyles
87
+ }, [_c('or-icon-button', {
88
+ class: _vm.buttonStyles,
89
+ attrs: {
90
+ "icon": {
91
+ icon: _vm.icon,
92
+ size: 'inherit'
93
+ },
94
+ "color": "inherit"
95
+ },
96
+ on: {
97
+ "click": function ($event) {
98
+ return _vm.$emit('update:modelValue', !_vm.modelValue);
99
+ }
100
+ }
101
+ })], 1);
102
+ };
103
+ var __vue_staticRenderFns__ = [];
104
+
105
+ /* style */
106
+ const __vue_inject_styles__ = undefined;
107
+ /* scoped */
108
+ const __vue_scope_id__ = undefined;
109
+ /* module identifier */
110
+ const __vue_module_identifier__ = undefined;
111
+ /* functional template */
112
+ const __vue_is_functional_template__ = false;
113
+ /* style inject */
114
+
115
+ /* style inject SSR */
116
+
117
+ /* style inject shadow dom */
118
+
119
+ const __vue_component__ = /*#__PURE__*/normalizeComponent({
120
+ render: __vue_render__,
121
+ staticRenderFns: __vue_staticRenderFns__
122
+ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
123
+ var OrSidebarCollapseButton = __vue_component__;
124
+
125
+ export { OrSidebarPlacement as O, OrSidebarCollapseButton as a };
@@ -59,7 +59,7 @@ var __vue_staticRenderFns__$2 = [];
59
59
  const __vue_inject_styles__$2 = function (inject) {
60
60
  if (!inject) return;
61
61
  inject("data-v-2bdce55a_0", {
62
- source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}[data-theme=dark] .or-skeleton[data-v-2bdce55a]{background:var(--c-neutral-3)}[data-theme=dark] .or-skeleton.is-animated[data-v-2bdce55a]::before{background:linear-gradient(90.14deg,var(--c-neutral-3) .1%,var(--c-neutral-2) 49.98%,var(--c-neutral-3) 99.06%)}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}",
62
+ source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}",
63
63
  map: undefined,
64
64
  media: undefined
65
65
  });
@@ -137,7 +137,7 @@ var __vue_staticRenderFns__$1 = [];
137
137
  const __vue_inject_styles__$1 = function (inject) {
138
138
  if (!inject) return;
139
139
  inject("data-v-570f1e07_0", {
140
- source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}[data-theme=dark] .or-skeleton[data-v-570f1e07]{background:var(--c-neutral-3)}[data-theme=dark] .or-skeleton.is-animated[data-v-570f1e07]::before{background:linear-gradient(90.14deg,var(--c-neutral-3) .1%,var(--c-neutral-2) 49.98%,var(--c-neutral-3) 99.06%)}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}",
140
+ source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}",
141
141
  map: undefined,
142
142
  media: undefined
143
143
  });
@@ -238,7 +238,7 @@ var __vue_staticRenderFns__ = [];
238
238
  const __vue_inject_styles__ = function (inject) {
239
239
  if (!inject) return;
240
240
  inject("data-v-1ddb38df_0", {
241
- source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}[data-theme=dark] .or-skeleton[data-v-1ddb38df]{background:var(--c-neutral-3)}[data-theme=dark] .or-skeleton.is-animated[data-v-1ddb38df]::before{background:linear-gradient(90.14deg,var(--c-neutral-3) .1%,var(--c-neutral-2) 49.98%,var(--c-neutral-3) 99.06%)}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
241
+ source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
242
242
  map: undefined,
243
243
  media: undefined
244
244
  });
@@ -8,14 +8,14 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
8
8
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-d45772c1.js';
9
9
  export { O as OrCard } from '../OrCard-a6b30f8f.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-166cfcc6.js';
11
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-06ecb8e1.js';
11
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-4ac89ea5.js';
12
12
  export { _ as OrCardV3 } from '../OrCard-45d5869b.js';
13
13
  export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
14
14
  export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
15
15
  export { O as OrCheckboxV3 } from '../OrCheckbox-9be450f9.js';
16
16
  export { O as OrChip } from '../OrChip-000fe7b5.js';
17
17
  export { _ as OrChips } from '../OrChips-890b8476.js';
18
- export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-0cf7596d.js';
18
+ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-fc6876ec.js';
19
19
  export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
20
20
  export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-a1a37e83.js';
21
21
  export { _ as OrConfirm } from '../OrConfirm-55b89b17.js';
@@ -52,7 +52,7 @@ export { O as OrMenuV3 } from '../OrMenu-52da43bc.js';
52
52
  export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-4e8acb7b.js';
53
53
  export { O as OrModal, a as OrModalSizes } from '../OrModal-a5411b0d.js';
54
54
  export { M as ModalSize, _ as OrModalV3 } from '../OrModal-78f5d49e.js';
55
- export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-2e2a1941.js';
55
+ export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-3909aaf2.js';
56
56
  export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-458fe937.js';
57
57
  export { _ as OrNumberInput } from '../OrNumberInput-face8ccc.js';
58
58
  export { _ as OrOverflowMenu } from '../OrOverflowMenu-711e460e.js';
@@ -66,13 +66,14 @@ export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
66
66
  export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
67
67
  export { _ as OrRadioV3 } from '../OrRadio-fe23947a.js';
68
68
  export { O as OrSearch } from '../OrSearch-832d7978.js';
69
- export { O as OrSearchV3 } from '../OrSearch-bb87b34c.js';
69
+ export { O as OrSearchV3 } from '../OrSearch-09fd004c.js';
70
70
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-878279bf.js';
71
71
  export { _ as OrSelect } from '../OrSelect-a23d4210.js';
72
72
  export { _ as OrSelectV3 } from '../OrSelect-2ececfc1.js';
73
73
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
74
- export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
75
- export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-2f1a3cc7.js';
74
+ export { _ as OrSidebarV3 } from '../OrSidebar-a2bc21b9.js';
75
+ export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-8297ef86.js';
76
+ export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
76
77
  export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-9a2f39dc.js';
77
78
  export { _ as OrSlider } from '../OrSlider-59d05856.js';
78
79
  export { _ as OrSortHeaderV3 } from '../OrSortHeader-565ace92.js';
@@ -1,4 +1,4 @@
1
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-06ecb8e1.js';
1
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-4ac89ea5.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -19,7 +19,7 @@ import '../../OrButton-d45772c1.js';
19
19
  import '../../OrLoader-864ef92a.js';
20
20
  import '../../OrMenu-52da43bc.js';
21
21
  import '../../OrMenuItem-e2693a5f.js';
22
- import '../../OrSearch-bb87b34c.js';
22
+ import '../../OrSearch-09fd004c.js';
23
23
  import '../../OrInput-00070eee.js';
24
24
  import '../../OrError-52f668a4.js';
25
25
  import '../../OrHint-fde53334.js';
@@ -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 { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-0cf7596d.js';
1
+ export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-fc6876ec.js';
2
2
  import '@vueuse/core';
3
3
  import 'lodash';
4
4
  import '../../index-fa6eb4ca.js';
@@ -1,4 +1,4 @@
1
- export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../../OrNotification-2e2a1941.js';
1
+ export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../../OrNotification-3909aaf2.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -1,4 +1,4 @@
1
- export { O as OrSearchV3 } from '../../OrSearch-bb87b34c.js';
1
+ export { O as OrSearchV3 } from '../../OrSearch-09fd004c.js';
2
2
  export { a as SearchSize } from '../../OrInputBox-2f559e98.js';
3
3
  import '@vueuse/core';
4
4
  import '../../index-fa6eb4ca.js';
@@ -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,7 +1,19 @@
1
- export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../../OrSidebar-c95ef614.js';
1
+ export { _ as OrSidebarV3 } from '../../OrSidebar-a2bc21b9.js';
2
+ export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-8297ef86.js';
2
3
  import '@vueuse/core';
3
4
  import 'lodash';
4
5
  import '../../index-fa6eb4ca.js';
5
6
  import 'vue';
6
7
  import '@vue/composition-api/dist/vue-composition-api.mjs';
7
8
  import '../../normalize-component-6e8e3d80.js';
9
+ import '../../OrIconButton-837d57f8.js';
10
+ import '../../OrIcon-458206aa.js';
11
+ import '../../OrTooltip-b1f38647.js';
12
+ import '../../OrPopover-4e8acb7b.js';
13
+ import '../../floating-ui.dom.esm-83eba816.js';
14
+ import '../../OrBottomSheet-ddba20c1.js';
15
+ import '../../OrOverlay-efa7992e.js';
16
+ import '../../OrTeleport.vue2-e9ba3054.js';
17
+ import 'portal-vue';
18
+ import '../../useElevation-aac032f4.js';
19
+ import '../../useResponsive-e13dfbb0.js';
@@ -0,0 +1 @@
1
+ export * from './or-sidebar-collapse-button';
@@ -0,0 +1,18 @@
1
+ export { a as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-8297ef86.js';
2
+ import 'lodash';
3
+ import '../../../index-fa6eb4ca.js';
4
+ import 'vue';
5
+ import '@vue/composition-api/dist/vue-composition-api.mjs';
6
+ import '../../../OrIconButton-837d57f8.js';
7
+ import '../../../OrIcon-458206aa.js';
8
+ import '../../../normalize-component-6e8e3d80.js';
9
+ import '../../../OrTooltip-b1f38647.js';
10
+ import '@vueuse/core';
11
+ import '../../../OrPopover-4e8acb7b.js';
12
+ import '../../../floating-ui.dom.esm-83eba816.js';
13
+ import '../../../OrBottomSheet-ddba20c1.js';
14
+ import '../../../OrOverlay-efa7992e.js';
15
+ import '../../../OrTeleport.vue2-e9ba3054.js';
16
+ import 'portal-vue';
17
+ import '../../../useElevation-aac032f4.js';
18
+ import '../../../useResponsive-e13dfbb0.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,18 @@
1
+ export { a as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton-8297ef86.js';
2
+ import 'lodash';
3
+ import '../../../../index-fa6eb4ca.js';
4
+ import 'vue';
5
+ import '@vue/composition-api/dist/vue-composition-api.mjs';
6
+ import '../../../../OrIconButton-837d57f8.js';
7
+ import '../../../../OrIcon-458206aa.js';
8
+ import '../../../../normalize-component-6e8e3d80.js';
9
+ import '../../../../OrTooltip-b1f38647.js';
10
+ import '@vueuse/core';
11
+ import '../../../../OrPopover-4e8acb7b.js';
12
+ import '../../../../floating-ui.dom.esm-83eba816.js';
13
+ import '../../../../OrBottomSheet-ddba20c1.js';
14
+ import '../../../../OrOverlay-efa7992e.js';
15
+ import '../../../../OrTeleport.vue2-e9ba3054.js';
16
+ import 'portal-vue';
17
+ import '../../../../useElevation-aac032f4.js';
18
+ import '../../../../useResponsive-e13dfbb0.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[];
@@ -1,4 +1,4 @@
1
- export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText-2f1a3cc7.js';
1
+ export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText-242d22f3.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';