@onereach/ui-components 2.62.7 → 2.62.8-beta.1934.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/v2/{OrInlineInput-8455f9da.js → OrInlineInput-f00cba5e.js} +5 -4
  2. package/dist/v2/{OrInlineTextarea-1127e512.js → OrInlineTextarea-75de33d0.js} +5 -4
  3. package/dist/v2/OrSegmentedControl-17df63b8.js +236 -0
  4. package/dist/v2/{OrTabs-b4a9740b.js → OrTabs-f2a60b41.js} +1 -1
  5. package/dist/v2/components/index.d.ts +1 -0
  6. package/dist/v2/components/or-segmented-control-v3/OrSegmentedControl.stories3.d.ts +12 -0
  7. package/dist/v2/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts +77 -0
  8. package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts +47 -0
  9. package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/styles.d.ts +3 -0
  10. package/dist/v2/components/or-segmented-control-v3/index.d.ts +3 -0
  11. package/dist/v2/components/or-segmented-control-v3/props.d.ts +4 -0
  12. package/dist/v2/components/or-segmented-control-v3/styles.d.ts +3 -0
  13. package/dist/v2/components/or-segmented-control-v3/types.d.ts +4 -0
  14. package/dist/v2/index.js +4 -3
  15. package/dist/v2/index2.js +4 -3
  16. package/dist/v2/index34.js +1 -1
  17. package/dist/v2/index36.js +1 -1
  18. package/dist/v2/index63.js +2 -16
  19. package/dist/v2/index64.js +15 -24
  20. package/dist/v2/index65.js +26 -4
  21. package/dist/v2/index66.js +2 -1
  22. package/dist/v2/index67.js +3 -4
  23. package/dist/v2/index68.js +3 -4
  24. package/dist/v2/index69.js +3 -10
  25. package/dist/v2/index70.js +3 -6
  26. package/dist/v2/index71.js +13 -2
  27. package/dist/v2/index72.js +4 -6
  28. package/dist/v2/index73.js +6 -4
  29. package/dist/v2/index74.js +2 -1
  30. package/dist/v2/index75.js +3 -3
  31. package/dist/v2/index76.js +3 -4
  32. package/dist/v2/index77.js +4 -15
  33. package/dist/v2/index78.js +14 -11
  34. package/dist/v2/index79.js +11 -13
  35. package/dist/v2/index80.js +14 -2
  36. package/dist/v2/index81.js +2 -2
  37. package/dist/v2/index82.js +2 -3
  38. package/dist/v2/index83.js +1 -6
  39. package/dist/v2/index84.js +7 -20
  40. package/dist/v2/index85.js +12 -9
  41. package/dist/v2/index86.js +18 -1
  42. package/dist/v2/index87.js +2 -18
  43. package/dist/v2/index88.js +18 -2
  44. package/dist/v2/index89.js +2 -10
  45. package/dist/v2/index90.js +9 -11
  46. package/dist/v2/index91.js +12 -1
  47. package/dist/v2/index92.js +1 -6
  48. package/dist/v2/index93.js +5 -1
  49. package/dist/v2/index94.js +3 -0
  50. package/dist/v3/{OrInlineInput-a080b0a3.js → OrInlineInput-bac4abdd.js} +3 -2
  51. package/dist/v3/{OrInlineTextarea-08767485.js → OrInlineTextarea-d1ec1bba.js} +3 -2
  52. package/dist/v3/OrSegmentedControl-2bbc0f22.js +184 -0
  53. package/dist/v3/{OrTabs-194ca950.js → OrTabs-ac0be933.js} +1 -1
  54. package/dist/v3/components/index.d.ts +1 -0
  55. package/dist/v3/components/or-segmented-control-v3/OrSegmentedControl.stories3.d.ts +12 -0
  56. package/dist/v3/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts +77 -0
  57. package/dist/v3/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts +47 -0
  58. package/dist/v3/components/or-segmented-control-v3/components/or-segmented-control-item/styles.d.ts +3 -0
  59. package/dist/v3/components/or-segmented-control-v3/index.d.ts +3 -0
  60. package/dist/v3/components/or-segmented-control-v3/props.d.ts +4 -0
  61. package/dist/v3/components/or-segmented-control-v3/styles.d.ts +3 -0
  62. package/dist/v3/components/or-segmented-control-v3/types.d.ts +4 -0
  63. package/dist/v3/index.js +4 -3
  64. package/dist/v3/index2.js +4 -3
  65. package/dist/v3/index34.js +1 -1
  66. package/dist/v3/index36.js +1 -1
  67. package/dist/v3/index63.js +2 -15
  68. package/dist/v3/index64.js +13 -22
  69. package/dist/v3/index65.js +24 -3
  70. package/dist/v3/index66.js +2 -1
  71. package/dist/v3/index67.js +3 -4
  72. package/dist/v3/index68.js +3 -4
  73. package/dist/v3/index69.js +3 -9
  74. package/dist/v3/index70.js +3 -4
  75. package/dist/v3/index71.js +10 -2
  76. package/dist/v3/index72.js +3 -5
  77. package/dist/v3/index73.js +5 -3
  78. package/dist/v3/index74.js +2 -1
  79. package/dist/v3/index75.js +3 -3
  80. package/dist/v3/index76.js +3 -4
  81. package/dist/v3/index77.js +4 -14
  82. package/dist/v3/index78.js +13 -10
  83. package/dist/v3/index79.js +10 -12
  84. package/dist/v3/index80.js +13 -1
  85. package/dist/v3/index81.js +1 -1
  86. package/dist/v3/index82.js +1 -3
  87. package/dist/v3/index83.js +1 -6
  88. package/dist/v3/index84.js +6 -16
  89. package/dist/v3/index85.js +12 -9
  90. package/dist/v3/index86.js +15 -1
  91. package/dist/v3/index87.js +2 -17
  92. package/dist/v3/index88.js +17 -2
  93. package/dist/v3/index89.js +2 -8
  94. package/dist/v3/index90.js +6 -9
  95. package/dist/v3/index91.js +11 -1
  96. package/dist/v3/index92.js +1 -6
  97. package/dist/v3/index93.js +5 -1
  98. package/dist/v3/index94.js +3 -0
  99. package/package.json +2 -3
  100. package/src/components/index.ts +1 -0
  101. package/src/components/or-checkbox-v3/OrCheckbox.stories3.ts +1 -1
  102. package/src/components/or-inline-input-v3/OrInlineInput.vue +2 -2
  103. package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue +2 -2
  104. package/src/components/or-radio-v3/OrRadio.stories3.ts +1 -1
  105. package/src/components/or-segmented-control-v3/OrSegmentedControl.docs.mdx +7 -0
  106. package/src/components/or-segmented-control-v3/OrSegmentedControl.stories3.ts +106 -0
  107. package/src/components/or-segmented-control-v3/OrSegmentedControl.vue +107 -0
  108. package/src/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue +64 -0
  109. package/src/components/or-segmented-control-v3/components/or-segmented-control-item/styles.ts +50 -0
  110. package/src/components/or-segmented-control-v3/index.ts +3 -0
  111. package/src/components/or-segmented-control-v3/props.ts +4 -0
  112. package/src/components/or-segmented-control-v3/styles.ts +24 -0
  113. package/src/components/or-segmented-control-v3/types.ts +4 -0
  114. package/src/components/or-switch-v3/OrSwitch.stories3.ts +1 -1
  115. package/src/components/or-tabs-v3/OrTabs.stories3.ts +9 -4
  116. package/src/components/or-tabs-v3/OrTabs.vue +1 -1
  117. package/src/hooks/useClassAttribute.ts +1 -1
@@ -0,0 +1,184 @@
1
+ import { defineComponent, ref, computed } from 'vue-demi';
2
+ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
+ import '@vueuse/core';
4
+ import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, normalizeClass, resolveComponent, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';
5
+
6
+ const SegmentedControlItemRoot = [
7
+ // Layout
8
+ 'flex', 'items-center', 'justify-center',
9
+ // Shape
10
+ 'rounded-md',
11
+ // Interactivity
12
+ 'interactivity-auto',
13
+ // Theme
14
+ 'theme-foreground-default', 'dark:theme-foreground-default-dark',
15
+ // Theme (selected)
16
+ 'selected:theme-background-default', 'dark:selected:theme-background-default-dark',
17
+ // Theme (selected, enabled)
18
+ 'selected:enabled:shadow-card', 'dark:selected:enabled:shadow-card-dark'];
19
+ const SegmentedControlItemRootSizes = {
20
+ 'm': [
21
+ // Box
22
+ 'h-[44px] md:h-[36px]',
23
+ // Spacing
24
+ 'px-sm+ md:px-sm+',
25
+ // Typography
26
+ 'typography-body-2-regular'],
27
+ 's': [
28
+ // Box
29
+ 'h-[36px] md:h-[32px]',
30
+ // Spacing
31
+ 'px-sm+ md:px-sm',
32
+ // Typography
33
+ 'typography-caption-regular']
34
+ };
35
+
36
+ var script$1 = defineComponent({
37
+ name: 'OrSegmentedControlItem',
38
+ inheritAttrs: false,
39
+ props: {
40
+ size: {
41
+ type: String,
42
+ required: true
43
+ },
44
+ selected: {
45
+ type: Boolean,
46
+ default: false
47
+ },
48
+ disabled: {
49
+ type: Boolean,
50
+ default: false
51
+ }
52
+ },
53
+ setup(props) {
54
+ // Refs
55
+ const root = ref();
56
+ // Styles
57
+ const classAttribute = useClassAttribute();
58
+ const rootStyles = computed(() => ['or-segmented-control-item', ...SegmentedControlItemRoot, ...SegmentedControlItemRootSizes[props.size], classAttribute.value]);
59
+ return {
60
+ root,
61
+ rootStyles
62
+ };
63
+ }
64
+ });
65
+
66
+ const _hoisted_1 = ["selected", "disabled"];
67
+ const _hoisted_2 = {
68
+ class: /*#__PURE__*/normalizeClass(['truncate'])
69
+ };
70
+ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
71
+ return openBlock(), createElementBlock("div", mergeProps({
72
+ ref: "root"
73
+ }, _ctx.$attrs, {
74
+ class: _ctx.rootStyles,
75
+ selected: _ctx.selected ? '' : null,
76
+ disabled: _ctx.disabled ? '' : null,
77
+ onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event))
78
+ }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 16 /* FULL_PROPS */, _hoisted_1);
79
+ }
80
+
81
+ script$1.render = render$1;
82
+ script$1.__file = "src/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue";
83
+
84
+ var SegmentedControlSize;
85
+ (function (SegmentedControlSize) {
86
+ SegmentedControlSize["M"] = "m";
87
+ SegmentedControlSize["S"] = "s";
88
+ })(SegmentedControlSize || (SegmentedControlSize = {}));
89
+
90
+ const SegmentedControlRoot = [
91
+ // Layout
92
+ 'grid', 'grid-flow-col', 'auto-cols-fr',
93
+ // Shape
94
+ 'rounded-md',
95
+ // Spacing
96
+ 'px-[2px]', 'py-[2px]',
97
+ // Theme
98
+ 'theme-background-surface-variant', 'dark:theme-background-surface-variant-dark'];
99
+ const SegmentedControlRootSizes = {
100
+ 'm': [],
101
+ 's': []
102
+ };
103
+
104
+ var script = defineComponent({
105
+ name: 'OrSegmentedControl',
106
+ components: {
107
+ OrSegmentedControlItem: script$1
108
+ },
109
+ inheritAttrs: false,
110
+ props: {
111
+ options: {
112
+ type: Array,
113
+ default: []
114
+ },
115
+ modelValue: {
116
+ type: String,
117
+ default: undefined
118
+ },
119
+ value: {
120
+ type: String,
121
+ default: undefined
122
+ },
123
+ size: {
124
+ type: String,
125
+ default: SegmentedControlSize.M
126
+ },
127
+ disabled: {
128
+ type: Boolean,
129
+ default: false
130
+ }
131
+ },
132
+ emits: ['update:modelValue', 'input'],
133
+ expose: ['root'],
134
+ setup(props, context) {
135
+ // Refs
136
+ const root = ref();
137
+ // Styles
138
+ const classAttribute = useClassAttribute();
139
+ const rootStyles = computed(() => ['or-segmented-control', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size], classAttribute.value]);
140
+ // State
141
+ const proxyModelValue = computed({
142
+ get: () => {
143
+ var _a;
144
+ return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
145
+ },
146
+
147
+ set: value => {
148
+ context.emit('input', value);
149
+ context.emit('update:modelValue', value);
150
+ }
151
+ });
152
+ return {
153
+ root,
154
+ rootStyles,
155
+ proxyModelValue
156
+ };
157
+ }
158
+ });
159
+
160
+ function render(_ctx, _cache, $props, $setup, $data, $options) {
161
+ const _component_OrSegmentedControlItem = resolveComponent("OrSegmentedControlItem");
162
+ return openBlock(), createElementBlock("div", mergeProps({
163
+ ref: "root"
164
+ }, _ctx.$attrs, {
165
+ class: _ctx.rootStyles
166
+ }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
167
+ return openBlock(), createBlock(_component_OrSegmentedControlItem, {
168
+ key: option.value,
169
+ size: _ctx.size,
170
+ selected: option.value === _ctx.proxyModelValue,
171
+ disabled: _ctx.disabled,
172
+ onClick: withModifiers($event => _ctx.proxyModelValue = option.value, ["stop"])
173
+ }, {
174
+ default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)]),
175
+
176
+ _: 2 /* DYNAMIC */
177
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["size", "selected", "disabled", "onClick"]);
178
+ }), 128 /* KEYED_FRAGMENT */))], 16 /* FULL_PROPS */);
179
+ }
180
+
181
+ script.render = render;
182
+ script.__file = "src/components/or-segmented-control-v3/OrSegmentedControl.vue";
183
+
184
+ export { SegmentedControlSize as S, script as s };
@@ -166,7 +166,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
166
166
  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.normal, tab => {
167
167
  return openBlock(), createBlock(_component_OrTab, {
168
168
  key: tab.value,
169
- selected: _ctx.proxyModelValue === tab.value,
169
+ selected: tab.value === _ctx.proxyModelValue,
170
170
  onClick: withModifiers($event => _ctx.proxyModelValue = tab.value, ["stop"])
171
171
  }, {
172
172
  default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
@@ -58,6 +58,7 @@ export * from './or-radio';
58
58
  export * from './or-radio-group';
59
59
  export * from './or-radio-v3';
60
60
  export * from './or-search-v3';
61
+ export * from './or-segmented-control-v3';
61
62
  export * from './or-select';
62
63
  export * from './or-select-v3';
63
64
  export * from './or-sidebar';
@@ -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 Base: 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,77 @@
1
+ import { PropType } from 'vue-demi';
2
+ import { SegmentedControlSize } from './props';
3
+ import { SegmentedControlOption } from './types';
4
+ declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
5
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
6
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
7
+ proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
8
+ }> & import("@vue/composition-api").Data, {}, {}, {
9
+ options: {
10
+ type: PropType<SegmentedControlOption[]>;
11
+ default: SegmentedControlOption[];
12
+ };
13
+ modelValue: {
14
+ type: StringConstructor;
15
+ default: undefined;
16
+ };
17
+ value: {
18
+ type: StringConstructor;
19
+ default: undefined;
20
+ };
21
+ size: {
22
+ type: PropType<SegmentedControlSize>;
23
+ default: SegmentedControlSize;
24
+ };
25
+ disabled: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ }, import("@vue/composition-api").ExtractPropTypes<{
30
+ options: {
31
+ type: PropType<SegmentedControlOption[]>;
32
+ default: SegmentedControlOption[];
33
+ };
34
+ modelValue: {
35
+ type: StringConstructor;
36
+ default: undefined;
37
+ };
38
+ value: {
39
+ type: StringConstructor;
40
+ default: undefined;
41
+ };
42
+ size: {
43
+ type: PropType<SegmentedControlSize>;
44
+ default: SegmentedControlSize;
45
+ };
46
+ disabled: {
47
+ type: BooleanConstructor;
48
+ default: boolean;
49
+ };
50
+ }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
51
+ options: SegmentedControlOption[];
52
+ modelValue: string;
53
+ value: string;
54
+ size: SegmentedControlSize;
55
+ disabled: boolean;
56
+ } & {} & {
57
+ [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
58
+ }, import("@vue/composition-api").ShallowUnwrapRef<{
59
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
60
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
61
+ proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
62
+ }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
63
+ options: SegmentedControlOption[];
64
+ modelValue: string;
65
+ value: string;
66
+ size: SegmentedControlSize;
67
+ disabled: boolean;
68
+ } & {} & {
69
+ [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
70
+ }, {
71
+ options: SegmentedControlOption[];
72
+ modelValue: string;
73
+ value: string;
74
+ size: SegmentedControlSize;
75
+ disabled: boolean;
76
+ }, true>);
77
+ export default _default;
@@ -0,0 +1,47 @@
1
+ import { PropType } from 'vue-demi';
2
+ import { SegmentedControlSize } from '../../props';
3
+ declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
5
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
6
+ }> & import("@vue/composition-api").Data, {}, {}, {
7
+ size: {
8
+ type: PropType<SegmentedControlSize>;
9
+ required: true;
10
+ };
11
+ selected: {
12
+ type: BooleanConstructor;
13
+ default: boolean;
14
+ };
15
+ disabled: {
16
+ type: BooleanConstructor;
17
+ default: boolean;
18
+ };
19
+ }, import("@vue/composition-api").ExtractPropTypes<{
20
+ size: {
21
+ type: PropType<SegmentedControlSize>;
22
+ required: true;
23
+ };
24
+ selected: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ disabled: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
33
+ size: SegmentedControlSize;
34
+ selected: boolean;
35
+ disabled: boolean;
36
+ } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
37
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
38
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
39
+ }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
40
+ size: SegmentedControlSize;
41
+ selected: boolean;
42
+ disabled: boolean;
43
+ } & {}, {
44
+ selected: boolean;
45
+ disabled: boolean;
46
+ }, true>);
47
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import { SegmentedControlSize } from '../../props';
2
+ export declare const SegmentedControlItemRoot: string[];
3
+ export declare const SegmentedControlItemRootSizes: Record<SegmentedControlSize, string[]>;
@@ -0,0 +1,3 @@
1
+ export { default as OrSegmentedControlV3 } from './OrSegmentedControl.vue';
2
+ export * from './props';
3
+ export * from './types';
@@ -0,0 +1,4 @@
1
+ export declare enum SegmentedControlSize {
2
+ M = "m",
3
+ S = "s"
4
+ }
@@ -0,0 +1,3 @@
1
+ import { SegmentedControlSize } from './props';
2
+ export declare const SegmentedControlRoot: string[];
3
+ export declare const SegmentedControlRootSizes: Record<SegmentedControlSize, string[]>;
@@ -0,0 +1,4 @@
1
+ export interface SegmentedControlOption {
2
+ value: string;
3
+ label: string;
4
+ }
package/dist/v3/index.js CHANGED
@@ -29,9 +29,9 @@ export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028
29
29
  export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-5fb3a9aa.js';
30
30
  export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
31
31
  export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
32
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-a080b0a3.js';
32
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-bac4abdd.js';
33
33
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
34
- export { s as OrInlineTextareaV3 } from './OrInlineTextarea-08767485.js';
34
+ export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d1ec1bba.js';
35
35
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
36
36
  export { I as InputType, s as OrInputV3 } from './OrInput-256d2530.js';
37
37
  export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
@@ -58,6 +58,7 @@ export { s as OrRadio } from './OrRadio-c3ab11f2.js';
58
58
  export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
59
59
  export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
60
60
  export { s as OrSearchV3 } from './OrSearch-375eab55.js';
61
+ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
61
62
  export { s as OrSelect } from './OrSelect-056731af.js';
62
63
  export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
63
64
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
@@ -72,7 +73,7 @@ export { s as OrTab } from './OrTab-bc98be02.js';
72
73
  export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
73
74
  export { s as OrTabV3 } from './OrTab-97044946.js';
74
75
  export { s as OrTabs } from './OrTabs-d3812c11.js';
75
- export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
76
+ export { s as OrTabsV3, T as TabsVariant } from './OrTabs-ac0be933.js';
76
77
  export { s as OrTag } from './OrTag-7e24fdbc.js';
77
78
  export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-deaff080.js';
78
79
  export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
package/dist/v3/index2.js CHANGED
@@ -29,9 +29,9 @@ export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028
29
29
  export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-5fb3a9aa.js';
30
30
  export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
31
31
  export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
32
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-a080b0a3.js';
32
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-bac4abdd.js';
33
33
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
34
- export { s as OrInlineTextareaV3 } from './OrInlineTextarea-08767485.js';
34
+ export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d1ec1bba.js';
35
35
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
36
36
  export { I as InputType, s as OrInputV3 } from './OrInput-256d2530.js';
37
37
  export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
@@ -58,6 +58,7 @@ export { s as OrRadio } from './OrRadio-c3ab11f2.js';
58
58
  export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
59
59
  export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
60
60
  export { s as OrSearchV3 } from './OrSearch-375eab55.js';
61
+ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
61
62
  export { s as OrSelect } from './OrSelect-056731af.js';
62
63
  export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
63
64
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
@@ -72,7 +73,7 @@ export { s as OrTab } from './OrTab-bc98be02.js';
72
73
  export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
73
74
  export { s as OrTabV3 } from './OrTab-97044946.js';
74
75
  export { s as OrTabs } from './OrTabs-d3812c11.js';
75
- export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
76
+ export { s as OrTabsV3, T as TabsVariant } from './OrTabs-ac0be933.js';
76
77
  export { s as OrTag } from './OrTag-7e24fdbc.js';
77
78
  export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-deaff080.js';
78
79
  export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
@@ -1,4 +1,4 @@
1
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-a080b0a3.js';
1
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-bac4abdd.js';
2
2
  export { I as InlineInputSize } from './OrInlineInputBox-1b473796.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -1,4 +1,4 @@
1
- export { s as OrInlineTextareaV3 } from './OrInlineTextarea-08767485.js';
1
+ export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d1ec1bba.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
@@ -1,18 +1,5 @@
1
- export { s as OrSelect } from './OrSelect-056731af.js';
1
+ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
2
2
  import 'vue-demi';
3
+ import './useClassAttribute-47fdb016.js';
3
4
  import '@vueuse/core';
4
- import 'lodash';
5
- import './OrIcon-e23028f8.js';
6
- import './OrTooltip-121eae2b.js';
7
5
  import 'vue';
8
- import './style-inject.es-4c6f2515.js';
9
- import './OrFloating-3da814a2.js';
10
- import '@floating-ui/dom';
11
- import './OrTeleportVue3-ad639f12.js';
12
- import './dom-7a41831b.js';
13
- import './px-to-rem-0b26b83e.js';
14
- import './OrChips-feab2a38.js';
15
- import './OrLabel-876f8729.js';
16
- import './OrError-f90296db.js';
17
- import './OrLoader-15174477.js';
18
- import './OrCheckbox-56e4171e.js';
@@ -1,27 +1,18 @@
1
- export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
2
- export { a as SelectSize } from './OrInputBox-634230b1.js';
1
+ export { s as OrSelect } from './OrSelect-056731af.js';
3
2
  import 'vue-demi';
4
- import './dropdown-open-0d314aa4.js';
5
- import './useClassAttribute-47fdb016.js';
6
- import './useOverflow-ac506c65.js';
7
3
  import '@vueuse/core';
8
- import './OrCheckbox-a20fcc04.js';
9
- import './OrLabel-7d4fe80b.js';
4
+ import 'lodash';
5
+ import './OrIcon-e23028f8.js';
6
+ import './OrTooltip-121eae2b.js';
10
7
  import 'vue';
11
8
  import './style-inject.es-4c6f2515.js';
12
- import './OrError-19a62a18.js';
13
- import './OrExpansionPanel-1e2a6375.js';
14
- import './OrIcon-b3906e35.js';
15
- import './OrHint-73835593.js';
16
- import './OrInput-256d2530.js';
17
- import './OrIconButton-5fb3a9aa.js';
18
- import './OrTooltip-36c6728c.js';
19
- import './OrPopover-3525c670.js';
9
+ import './OrFloating-3da814a2.js';
20
10
  import '@floating-ui/dom';
21
- import './useElevation-0e973238.js';
22
- import './useResponsive-a02e95b7.js';
23
- import './OrBottomSheet-9de57dd0.js';
24
- import './OrOverlay-27050c19.js';
25
- import './OrTeleport.vue3-8099178c.js';
26
- import './OrMenuItem-8773d073.js';
27
- import './OrTag-deaff080.js';
11
+ import './OrTeleportVue3-ad639f12.js';
12
+ import './dom-7a41831b.js';
13
+ import './px-to-rem-0b26b83e.js';
14
+ import './OrChips-feab2a38.js';
15
+ import './OrLabel-876f8729.js';
16
+ import './OrError-f90296db.js';
17
+ import './OrLoader-15174477.js';
18
+ import './OrCheckbox-56e4171e.js';
@@ -1,6 +1,27 @@
1
- export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
2
- import '@vueuse/core';
3
- import 'lodash';
1
+ export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
2
+ export { a as SelectSize } from './OrInputBox-634230b1.js';
4
3
  import 'vue-demi';
4
+ import './dropdown-open-0d314aa4.js';
5
+ import './useClassAttribute-47fdb016.js';
6
+ import './useOverflow-ac506c65.js';
7
+ import '@vueuse/core';
8
+ import './OrCheckbox-a20fcc04.js';
9
+ import './OrLabel-7d4fe80b.js';
5
10
  import 'vue';
6
11
  import './style-inject.es-4c6f2515.js';
12
+ import './OrError-19a62a18.js';
13
+ import './OrExpansionPanel-1e2a6375.js';
14
+ import './OrIcon-b3906e35.js';
15
+ import './OrHint-73835593.js';
16
+ import './OrInput-256d2530.js';
17
+ import './OrIconButton-5fb3a9aa.js';
18
+ import './OrTooltip-36c6728c.js';
19
+ import './OrPopover-3525c670.js';
20
+ import '@floating-ui/dom';
21
+ import './useElevation-0e973238.js';
22
+ import './useResponsive-a02e95b7.js';
23
+ import './OrBottomSheet-9de57dd0.js';
24
+ import './OrOverlay-27050c19.js';
25
+ import './OrTeleport.vue3-8099178c.js';
26
+ import './OrMenuItem-8773d073.js';
27
+ import './OrTag-deaff080.js';
@@ -1,5 +1,6 @@
1
- export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
1
+ export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
2
2
  import '@vueuse/core';
3
3
  import 'lodash';
4
4
  import 'vue-demi';
5
5
  import 'vue';
6
+ import './style-inject.es-4c6f2515.js';
@@ -1,6 +1,5 @@
1
- export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
2
- import 'vue-demi';
3
- import './px-to-rem-0b26b83e.js';
1
+ export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
2
+ import '@vueuse/core';
4
3
  import 'lodash';
4
+ import 'vue-demi';
5
5
  import 'vue';
6
- import './style-inject.es-4c6f2515.js';
@@ -1,7 +1,6 @@
1
- export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-3965ff71.js';
1
+ export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
2
2
  import 'vue-demi';
3
- import 'lodash';
4
3
  import './px-to-rem-0b26b83e.js';
5
- import './useClassAttribute-47fdb016.js';
6
- import '@vueuse/core';
4
+ import 'lodash';
7
5
  import 'vue';
6
+ import './style-inject.es-4c6f2515.js';
@@ -1,13 +1,7 @@
1
- export { s as OrSlider } from './OrSlider-af80bac9.js';
2
- import './OrIcon-e23028f8.js';
1
+ export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-3965ff71.js';
3
2
  import 'vue-demi';
4
3
  import 'lodash';
5
- import './OrTooltip-121eae2b.js';
6
- import 'vue';
7
- import './style-inject.es-4c6f2515.js';
8
- import './OrFloating-3da814a2.js';
9
- import '@floating-ui/dom';
10
- import './OrTeleportVue3-ad639f12.js';
11
- import './dom-7a41831b.js';
12
4
  import './px-to-rem-0b26b83e.js';
5
+ import './useClassAttribute-47fdb016.js';
13
6
  import '@vueuse/core';
7
+ import 'vue';
@@ -1,7 +1,6 @@
1
- export { s as OrStepper } from './OrStepper-f355b7b7.js';
2
- import 'vue-demi';
3
- import './OrIconButton-f72cb8d9.js';
1
+ export { s as OrSlider } from './OrSlider-af80bac9.js';
4
2
  import './OrIcon-e23028f8.js';
3
+ import 'vue-demi';
5
4
  import 'lodash';
6
5
  import './OrTooltip-121eae2b.js';
7
6
  import 'vue';
@@ -11,4 +10,4 @@ import '@floating-ui/dom';
11
10
  import './OrTeleportVue3-ad639f12.js';
12
11
  import './dom-7a41831b.js';
13
12
  import './px-to-rem-0b26b83e.js';
14
- import './OrLoader-15174477.js';
13
+ import '@vueuse/core';
@@ -1,6 +1,14 @@
1
- export { s as OrSwitch } from './OrSwitch-c333ee32.js';
1
+ export { s as OrStepper } from './OrStepper-f355b7b7.js';
2
2
  import 'vue-demi';
3
+ import './OrIconButton-f72cb8d9.js';
4
+ import './OrIcon-e23028f8.js';
3
5
  import 'lodash';
4
- import './OrLoader-15174477.js';
6
+ import './OrTooltip-121eae2b.js';
5
7
  import 'vue';
6
8
  import './style-inject.es-4c6f2515.js';
9
+ import './OrFloating-3da814a2.js';
10
+ import '@floating-ui/dom';
11
+ import './OrTeleportVue3-ad639f12.js';
12
+ import './dom-7a41831b.js';
13
+ import './px-to-rem-0b26b83e.js';
14
+ import './OrLoader-15174477.js';
@@ -1,8 +1,6 @@
1
- export { s as OrSwitchV3 } from './OrSwitch-ec454b76.js';
1
+ export { s as OrSwitch } from './OrSwitch-c333ee32.js';
2
2
  import 'vue-demi';
3
- import './useClassAttribute-47fdb016.js';
4
- import '@vueuse/core';
5
- import './OrLabel-7d4fe80b.js';
3
+ import 'lodash';
4
+ import './OrLoader-15174477.js';
6
5
  import 'vue';
7
- import './OrLoader-60943812.js';
8
6
  import './style-inject.es-4c6f2515.js';
@@ -1,6 +1,8 @@
1
- export { s as OrTab } from './OrTab-bc98be02.js';
1
+ export { s as OrSwitchV3 } from './OrSwitch-ec454b76.js';
2
2
  import 'vue-demi';
3
- import 'uuid';
4
- import 'lodash';
3
+ import './useClassAttribute-47fdb016.js';
4
+ import '@vueuse/core';
5
+ import './OrLabel-7d4fe80b.js';
5
6
  import 'vue';
7
+ import './OrLoader-60943812.js';
6
8
  import './style-inject.es-4c6f2515.js';