frey-ui 1.0.16 → 1.1.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.
@@ -0,0 +1,60 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var jsxRuntime = require('react/jsx-runtime');
7
+ var clsx = require('clsx');
8
+ var React = require('react');
9
+ var index = require('../Field/index.cjs');
10
+ var useControllableState = require('../hooks/useControllableState.cjs');
11
+ var aria = require('../utils/aria.cjs');
12
+ var segmentedcontrol_module = require('./segmentedcontrol.module.css.cjs');
13
+
14
+ const SegmentedControlContext = React.createContext(undefined);
15
+ function useSegmentedControlContext() {
16
+ const context = React.useContext(SegmentedControlContext);
17
+ if (!context) {
18
+ throw new Error('SegmentedControl.Item must be rendered within a SegmentedControl component');
19
+ }
20
+ return context;
21
+ }
22
+ const SizeClassMap = {
23
+ sm: segmentedcontrol_module.default.segmented_control_sm,
24
+ md: segmentedcontrol_module.default.segmented_control_md,
25
+ lg: segmentedcontrol_module.default.segmented_control_lg,
26
+ };
27
+ const SegmentedControlRoot = React.forwardRef(function SegmentedControl({ children, label, value, defaultValue, onValueChange, hideLabel = false, helperText, error, disabled = false, required = false, name, size = 'md', id, className, style, groupClassName, groupStyle, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, ...groupProps }, ref) {
28
+ const generatedName = React.useId();
29
+ const groupName = name ?? generatedName;
30
+ const [selectedValue, setSelectedValue] = useControllableState.useControllableValue(value, defaultValue ?? null);
31
+ const handleValueChange = React.useCallback((nextValue) => {
32
+ setSelectedValue(nextValue);
33
+ onValueChange?.(nextValue);
34
+ }, [setSelectedValue, onValueChange]);
35
+ const contextValue = React.useMemo(() => ({
36
+ value: selectedValue,
37
+ onValueChange: handleValueChange,
38
+ name: groupName,
39
+ disabled,
40
+ required,
41
+ }), [selectedValue, handleValueChange, groupName, disabled, required]);
42
+ return (jsxRuntime.jsx(SegmentedControlContext.Provider, { value: contextValue, children: jsxRuntime.jsx(index.default, { label: label, hideLabel: hideLabel, helperText: helperText, error: error, disabled: disabled, required: required, id: id, className: className, style: style, labelElement: 'span', children: ({ inputId, labelId, describedBy, hasError }) => (jsxRuntime.jsx("div", { ...groupProps, ref: ref, id: inputId, role: 'radiogroup', "aria-labelledby": labelId, ...aria.computeAriaProps(hasError, describedBy, ariaDescribedBy, ariaInvalid), "aria-disabled": disabled || undefined, className: clsx(segmentedcontrol_module.default.segmented_control, SizeClassMap[size], groupClassName), style: groupStyle, children: children })) }) }));
43
+ });
44
+ SegmentedControlRoot.displayName = 'SegmentedControl';
45
+ const SegmentedControlItem = React.forwardRef(function SegmentedControlItem({ children, value, disabled = false, id, className, style }, ref) {
46
+ const context = useSegmentedControlContext();
47
+ const generatedId = React.useId();
48
+ const inputId = id ?? generatedId;
49
+ const isDisabled = context.disabled || disabled;
50
+ const isChecked = context.value === value;
51
+ return (jsxRuntime.jsxs("label", { htmlFor: inputId, className: segmentedcontrol_module.default.segmented_control_item, children: [jsxRuntime.jsx("input", { ref: ref, type: 'radio', id: inputId, name: context.name, value: value, checked: isChecked, disabled: isDisabled, required: context.required, onChange: () => context.onValueChange(value), className: segmentedcontrol_module.default.segmented_control_input }), jsxRuntime.jsx("span", { className: clsx(segmentedcontrol_module.default.segmented_control_segment, className), style: style, children: children })] }));
52
+ });
53
+ SegmentedControlItem.displayName = 'SegmentedControl.Item';
54
+ const SegmentedControl = Object.assign(SegmentedControlRoot, {
55
+ Item: SegmentedControlItem,
56
+ });
57
+
58
+ exports.SegmentedControl = SegmentedControl;
59
+ exports.default = SegmentedControl;
60
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/SegmentedControl/index.tsx"],"sourcesContent":[null],"names":["styles","useControllableValue","_jsx","Field","computeAriaProps","_jsxs"],"mappings":"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"}
@@ -0,0 +1,131 @@
1
+ .segmented_control_c736150c {
2
+ display: inline-flex;
3
+ align-self: flex-start;
4
+ align-items: center;
5
+ gap: var(--frey-space-1);
6
+ box-sizing: border-box;
7
+ max-width: 100%;
8
+ padding: var(--frey-space-1);
9
+ border: 1px solid var(--frey-color-border);
10
+ border-radius: var(--frey-radius-lg);
11
+ background-color: var(--frey-color-surface-subtle);
12
+ white-space: nowrap;
13
+ }
14
+
15
+ .segmented_control_c736150c[aria-invalid='true'] {
16
+ border-color: var(--frey-color-error);
17
+ }
18
+
19
+ .segmented_control_sm_d8608107 {
20
+ --segmented-control-padding: 0.25rem 0.75rem;
21
+ --segmented-control-font-size: 0.8125rem;
22
+ }
23
+
24
+ .segmented_control_md_9537aa80 {
25
+ --segmented-control-padding: 0.5rem 1rem;
26
+ --segmented-control-font-size: 0.875rem;
27
+ }
28
+
29
+ .segmented_control_lg_b4ada861 {
30
+ --segmented-control-padding: 0.625rem 1.25rem;
31
+ --segmented-control-font-size: 1rem;
32
+ }
33
+
34
+ .segmented_control_item_430d89ee {
35
+ position: relative;
36
+ display: inline-flex;
37
+ flex: 0 0 auto;
38
+ margin: 0;
39
+ cursor: pointer;
40
+ user-select: none;
41
+ }
42
+
43
+ .segmented_control_input_2ba079e9 {
44
+ position: absolute;
45
+ width: 1px;
46
+ height: 1px;
47
+ margin: -1px;
48
+ padding: 0;
49
+ overflow: hidden;
50
+ clip-path: inset(50%);
51
+ border: 0;
52
+ white-space: nowrap;
53
+ }
54
+
55
+ .segmented_control_segment_e3e819eb {
56
+ display: inline-flex;
57
+ align-items: center;
58
+ justify-content: center;
59
+ box-sizing: border-box;
60
+ min-inline-size: 1.5rem;
61
+ min-block-size: 1.5rem;
62
+ padding: var(--segmented-control-padding);
63
+ border: 1px solid transparent;
64
+ border-radius: var(--frey-radius-md);
65
+ background-color: transparent;
66
+ color: var(--frey-color-text-primary);
67
+ font-size: var(--segmented-control-font-size);
68
+ font-weight: 500;
69
+ line-height: 1.5;
70
+ cursor: pointer;
71
+ transition:
72
+ background-color 0.2s,
73
+ border-color 0.2s,
74
+ color 0.2s;
75
+ }
76
+
77
+ .segmented_control_input_2ba079e9:not(:checked):not(:disabled)
78
+ + .segmented_control_segment_e3e819eb:hover {
79
+ background-color: var(--frey-color-surface-subtle-hover);
80
+ color: var(--frey-color-text-primary);
81
+ }
82
+
83
+ .segmented_control_input_2ba079e9:checked + .segmented_control_segment_e3e819eb {
84
+ border-color: var(--frey-segmented-control-selected-text);
85
+ background-color: var(--frey-segmented-control-selected-bg);
86
+ color: var(--frey-segmented-control-selected-text);
87
+ }
88
+
89
+ .segmented_control_input_2ba079e9:focus + .segmented_control_segment_e3e819eb {
90
+ position: relative;
91
+ z-index: 1;
92
+ outline: 2px solid var(--frey-segmented-control-focus-ring);
93
+ outline-offset: 2px;
94
+ }
95
+
96
+ @supports selector(:focus-visible) {
97
+ .segmented_control_input_2ba079e9:focus:not(:focus-visible)
98
+ + .segmented_control_segment_e3e819eb {
99
+ outline: none;
100
+ }
101
+
102
+ .segmented_control_input_2ba079e9:focus-visible + .segmented_control_segment_e3e819eb {
103
+ outline: 2px solid var(--frey-segmented-control-focus-ring);
104
+ outline-offset: 2px;
105
+ }
106
+ }
107
+
108
+ .segmented_control_input_2ba079e9:disabled + .segmented_control_segment_e3e819eb {
109
+ opacity: 0.5;
110
+ cursor: not-allowed;
111
+ }
112
+
113
+ @media (forced-colors: active) {
114
+ .segmented_control_input_2ba079e9:checked + .segmented_control_segment_e3e819eb {
115
+ border-color: Highlight;
116
+ }
117
+
118
+ .segmented_control_input_2ba079e9:focus + .segmented_control_segment_e3e819eb {
119
+ outline-color: Highlight;
120
+ }
121
+
122
+ .segmented_control_input_2ba079e9:disabled + .segmented_control_segment_e3e819eb {
123
+ color: GrayText;
124
+ }
125
+ }
126
+
127
+ @media (prefers-reduced-motion: reduce) {
128
+ .segmented_control_segment_e3e819eb {
129
+ transition: none;
130
+ }
131
+ }
@@ -0,0 +1,10 @@
1
+ 'use client';
2
+ 'use strict';
3
+ require('./segmentedcontrol.css');
4
+
5
+ Object.defineProperty(exports, '__esModule', { value: true });
6
+
7
+ var styles = {"segmented_control":"segmented_control_c736150c","segmented_control_sm":"segmented_control_sm_d8608107","segmented_control_md":"segmented_control_md_9537aa80","segmented_control_lg":"segmented_control_lg_b4ada861","segmented_control_item":"segmented_control_item_430d89ee","segmented_control_input":"segmented_control_input_2ba079e9","segmented_control_segment":"segmented_control_segment_e3e819eb"};
8
+
9
+ exports.default = styles;
10
+ //# sourceMappingURL=segmentedcontrol.module.css.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"segmentedcontrol.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -34,18 +34,19 @@ var index$j = require('./Pagination/index.cjs');
34
34
  var index$k = require('./Popover/index.cjs');
35
35
  var index$l = require('./Progress/index.cjs');
36
36
  var index$m = require('./RadioGroup/index.cjs');
37
- var index$n = require('./Select/index.cjs');
38
- var index$o = require('./Skeleton/index.cjs');
39
- var index$p = require('./Spinner/index.cjs');
40
- var index$q = require('./Stack/index.cjs');
41
- var index$r = require('./Switch/index.cjs');
42
- var index$s = require('./Table/index.cjs');
43
- var index$t = require('./Tabs/index.cjs');
44
- var index$v = require('./Textarea/index.cjs');
45
- var index$u = require('./TextInput/index.cjs');
46
- var index$w = require('./ThemeProvider/index.cjs');
47
- var index$x = require('./Toast/index.cjs');
48
- var index$y = require('./Tooltip/index.cjs');
37
+ var index$n = require('./SegmentedControl/index.cjs');
38
+ var index$o = require('./Select/index.cjs');
39
+ var index$p = require('./Skeleton/index.cjs');
40
+ var index$q = require('./Spinner/index.cjs');
41
+ var index$r = require('./Stack/index.cjs');
42
+ var index$s = require('./Switch/index.cjs');
43
+ var index$t = require('./Table/index.cjs');
44
+ var index$u = require('./Tabs/index.cjs');
45
+ var index$w = require('./Textarea/index.cjs');
46
+ var index$v = require('./TextInput/index.cjs');
47
+ var index$x = require('./ThemeProvider/index.cjs');
48
+ var index$y = require('./Toast/index.cjs');
49
+ var index$z = require('./Tooltip/index.cjs');
49
50
 
50
51
 
51
52
 
@@ -80,18 +81,19 @@ exports.Pagination = index$j.default;
80
81
  exports.Popover = index$k.Popover;
81
82
  exports.Progress = index$l.default;
82
83
  exports.RadioGroup = index$m.default;
83
- exports.Select = index$n.default;
84
- exports.Skeleton = index$o.default;
85
- exports.Spinner = index$p.default;
86
- exports.Stack = index$q.default;
87
- exports.Switch = index$r.default;
88
- exports.Table = index$s.Table;
89
- exports.Tabs = index$t.Tabs;
90
- exports.Textarea = index$v.default;
91
- exports.TextInput = index$u.default;
92
- exports.ThemeProvider = index$w.default;
93
- exports.useTheme = index$w.useTheme;
94
- exports.ToastProvider = index$x.ToastProvider;
95
- exports.useToast = index$x.useToast;
96
- exports.Tooltip = index$y.default;
84
+ exports.SegmentedControl = index$n.SegmentedControl;
85
+ exports.Select = index$o.default;
86
+ exports.Skeleton = index$p.default;
87
+ exports.Spinner = index$q.default;
88
+ exports.Stack = index$r.default;
89
+ exports.Switch = index$s.default;
90
+ exports.Table = index$t.Table;
91
+ exports.Tabs = index$u.Tabs;
92
+ exports.Textarea = index$w.default;
93
+ exports.TextInput = index$v.default;
94
+ exports.ThemeProvider = index$x.default;
95
+ exports.useTheme = index$x.useTheme;
96
+ exports.ToastProvider = index$y.ToastProvider;
97
+ exports.useToast = index$y.useToast;
98
+ exports.Tooltip = index$z.default;
97
99
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -109,6 +109,11 @@
109
109
  --frey-button-destructive-hover: var(--frey-palette-red-700);
110
110
  --frey-button-destructive-text: var(--frey-palette-white);
111
111
 
112
+ /* SegmentedControl */
113
+ --frey-segmented-control-selected-bg: var(--frey-palette-purple-700);
114
+ --frey-segmented-control-selected-text: var(--frey-palette-white);
115
+ --frey-segmented-control-focus-ring: var(--frey-palette-gray-900);
116
+
112
117
  /* Feedback */
113
118
  --frey-color-error: var(--frey-palette-red-600);
114
119
  --frey-color-error-bg: var(--frey-palette-red-50);
@@ -173,6 +178,11 @@
173
178
  --frey-button-destructive-hover: var(--frey-palette-red-600);
174
179
  --frey-button-destructive-text: var(--frey-palette-white);
175
180
 
181
+ /* SegmentedControl */
182
+ --frey-segmented-control-selected-bg: var(--frey-palette-purple-600);
183
+ --frey-segmented-control-selected-text: var(--frey-palette-white);
184
+ --frey-segmented-control-focus-ring: var(--frey-palette-gray-50);
185
+
176
186
  /* Feedback */
177
187
  --frey-color-error: var(--frey-palette-red-400);
178
188
  --frey-color-error-bg: #450a0a;
@@ -214,6 +224,10 @@
214
224
  --frey-button-secondary-text: var(--frey-palette-purple-800);
215
225
  --frey-button-ghost-text: var(--frey-palette-purple-800);
216
226
 
227
+ --frey-segmented-control-selected-bg: var(--frey-palette-purple-900);
228
+ --frey-segmented-control-selected-text: var(--frey-palette-white);
229
+ --frey-segmented-control-focus-ring: var(--frey-palette-black);
230
+
217
231
  --frey-color-error: var(--frey-palette-red-700);
218
232
  --frey-color-success: var(--frey-palette-green-800);
219
233
  --frey-color-warning: #b45309; /* darker yellow/amber */
@@ -236,6 +250,10 @@
236
250
  --frey-button-secondary-text: var(--frey-palette-purple-300);
237
251
  --frey-button-ghost-text: var(--frey-palette-purple-300);
238
252
 
253
+ --frey-segmented-control-selected-bg: var(--frey-palette-purple-300);
254
+ --frey-segmented-control-selected-text: var(--frey-palette-black);
255
+ --frey-segmented-control-focus-ring: var(--frey-palette-white);
256
+
239
257
  --frey-color-error: var(--frey-palette-red-300);
240
258
  --frey-color-success: var(--frey-palette-green-300);
241
259
  --frey-color-warning: var(--frey-palette-yellow-300);
@@ -0,0 +1,55 @@
1
+ 'use client';
2
+ import { jsx, jsxs } from 'react/jsx-runtime';
3
+ import clsx from 'clsx';
4
+ import React from 'react';
5
+ import Field from '../Field/index.mjs';
6
+ import { useControllableValue } from '../hooks/useControllableState.mjs';
7
+ import { computeAriaProps } from '../utils/aria.mjs';
8
+ import styles from './segmentedcontrol.module.css.mjs';
9
+
10
+ const SegmentedControlContext = React.createContext(undefined);
11
+ function useSegmentedControlContext() {
12
+ const context = React.useContext(SegmentedControlContext);
13
+ if (!context) {
14
+ throw new Error('SegmentedControl.Item must be rendered within a SegmentedControl component');
15
+ }
16
+ return context;
17
+ }
18
+ const SizeClassMap = {
19
+ sm: styles.segmented_control_sm,
20
+ md: styles.segmented_control_md,
21
+ lg: styles.segmented_control_lg,
22
+ };
23
+ const SegmentedControlRoot = React.forwardRef(function SegmentedControl({ children, label, value, defaultValue, onValueChange, hideLabel = false, helperText, error, disabled = false, required = false, name, size = 'md', id, className, style, groupClassName, groupStyle, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, ...groupProps }, ref) {
24
+ const generatedName = React.useId();
25
+ const groupName = name ?? generatedName;
26
+ const [selectedValue, setSelectedValue] = useControllableValue(value, defaultValue ?? null);
27
+ const handleValueChange = React.useCallback((nextValue) => {
28
+ setSelectedValue(nextValue);
29
+ onValueChange?.(nextValue);
30
+ }, [setSelectedValue, onValueChange]);
31
+ const contextValue = React.useMemo(() => ({
32
+ value: selectedValue,
33
+ onValueChange: handleValueChange,
34
+ name: groupName,
35
+ disabled,
36
+ required,
37
+ }), [selectedValue, handleValueChange, groupName, disabled, required]);
38
+ return (jsx(SegmentedControlContext.Provider, { value: contextValue, children: jsx(Field, { label: label, hideLabel: hideLabel, helperText: helperText, error: error, disabled: disabled, required: required, id: id, className: className, style: style, labelElement: 'span', children: ({ inputId, labelId, describedBy, hasError }) => (jsx("div", { ...groupProps, ref: ref, id: inputId, role: 'radiogroup', "aria-labelledby": labelId, ...computeAriaProps(hasError, describedBy, ariaDescribedBy, ariaInvalid), "aria-disabled": disabled || undefined, className: clsx(styles.segmented_control, SizeClassMap[size], groupClassName), style: groupStyle, children: children })) }) }));
39
+ });
40
+ SegmentedControlRoot.displayName = 'SegmentedControl';
41
+ const SegmentedControlItem = React.forwardRef(function SegmentedControlItem({ children, value, disabled = false, id, className, style }, ref) {
42
+ const context = useSegmentedControlContext();
43
+ const generatedId = React.useId();
44
+ const inputId = id ?? generatedId;
45
+ const isDisabled = context.disabled || disabled;
46
+ const isChecked = context.value === value;
47
+ return (jsxs("label", { htmlFor: inputId, className: styles.segmented_control_item, children: [jsx("input", { ref: ref, type: 'radio', id: inputId, name: context.name, value: value, checked: isChecked, disabled: isDisabled, required: context.required, onChange: () => context.onValueChange(value), className: styles.segmented_control_input }), jsx("span", { className: clsx(styles.segmented_control_segment, className), style: style, children: children })] }));
48
+ });
49
+ SegmentedControlItem.displayName = 'SegmentedControl.Item';
50
+ const SegmentedControl = Object.assign(SegmentedControlRoot, {
51
+ Item: SegmentedControlItem,
52
+ });
53
+
54
+ export { SegmentedControl, SegmentedControl as default };
55
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","sources":["../../../src/SegmentedControl/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
@@ -0,0 +1,131 @@
1
+ .segmented_control_c736150c {
2
+ display: inline-flex;
3
+ align-self: flex-start;
4
+ align-items: center;
5
+ gap: var(--frey-space-1);
6
+ box-sizing: border-box;
7
+ max-width: 100%;
8
+ padding: var(--frey-space-1);
9
+ border: 1px solid var(--frey-color-border);
10
+ border-radius: var(--frey-radius-lg);
11
+ background-color: var(--frey-color-surface-subtle);
12
+ white-space: nowrap;
13
+ }
14
+
15
+ .segmented_control_c736150c[aria-invalid='true'] {
16
+ border-color: var(--frey-color-error);
17
+ }
18
+
19
+ .segmented_control_sm_d8608107 {
20
+ --segmented-control-padding: 0.25rem 0.75rem;
21
+ --segmented-control-font-size: 0.8125rem;
22
+ }
23
+
24
+ .segmented_control_md_9537aa80 {
25
+ --segmented-control-padding: 0.5rem 1rem;
26
+ --segmented-control-font-size: 0.875rem;
27
+ }
28
+
29
+ .segmented_control_lg_b4ada861 {
30
+ --segmented-control-padding: 0.625rem 1.25rem;
31
+ --segmented-control-font-size: 1rem;
32
+ }
33
+
34
+ .segmented_control_item_430d89ee {
35
+ position: relative;
36
+ display: inline-flex;
37
+ flex: 0 0 auto;
38
+ margin: 0;
39
+ cursor: pointer;
40
+ user-select: none;
41
+ }
42
+
43
+ .segmented_control_input_2ba079e9 {
44
+ position: absolute;
45
+ width: 1px;
46
+ height: 1px;
47
+ margin: -1px;
48
+ padding: 0;
49
+ overflow: hidden;
50
+ clip-path: inset(50%);
51
+ border: 0;
52
+ white-space: nowrap;
53
+ }
54
+
55
+ .segmented_control_segment_e3e819eb {
56
+ display: inline-flex;
57
+ align-items: center;
58
+ justify-content: center;
59
+ box-sizing: border-box;
60
+ min-inline-size: 1.5rem;
61
+ min-block-size: 1.5rem;
62
+ padding: var(--segmented-control-padding);
63
+ border: 1px solid transparent;
64
+ border-radius: var(--frey-radius-md);
65
+ background-color: transparent;
66
+ color: var(--frey-color-text-primary);
67
+ font-size: var(--segmented-control-font-size);
68
+ font-weight: 500;
69
+ line-height: 1.5;
70
+ cursor: pointer;
71
+ transition:
72
+ background-color 0.2s,
73
+ border-color 0.2s,
74
+ color 0.2s;
75
+ }
76
+
77
+ .segmented_control_input_2ba079e9:not(:checked):not(:disabled)
78
+ + .segmented_control_segment_e3e819eb:hover {
79
+ background-color: var(--frey-color-surface-subtle-hover);
80
+ color: var(--frey-color-text-primary);
81
+ }
82
+
83
+ .segmented_control_input_2ba079e9:checked + .segmented_control_segment_e3e819eb {
84
+ border-color: var(--frey-segmented-control-selected-text);
85
+ background-color: var(--frey-segmented-control-selected-bg);
86
+ color: var(--frey-segmented-control-selected-text);
87
+ }
88
+
89
+ .segmented_control_input_2ba079e9:focus + .segmented_control_segment_e3e819eb {
90
+ position: relative;
91
+ z-index: 1;
92
+ outline: 2px solid var(--frey-segmented-control-focus-ring);
93
+ outline-offset: 2px;
94
+ }
95
+
96
+ @supports selector(:focus-visible) {
97
+ .segmented_control_input_2ba079e9:focus:not(:focus-visible)
98
+ + .segmented_control_segment_e3e819eb {
99
+ outline: none;
100
+ }
101
+
102
+ .segmented_control_input_2ba079e9:focus-visible + .segmented_control_segment_e3e819eb {
103
+ outline: 2px solid var(--frey-segmented-control-focus-ring);
104
+ outline-offset: 2px;
105
+ }
106
+ }
107
+
108
+ .segmented_control_input_2ba079e9:disabled + .segmented_control_segment_e3e819eb {
109
+ opacity: 0.5;
110
+ cursor: not-allowed;
111
+ }
112
+
113
+ @media (forced-colors: active) {
114
+ .segmented_control_input_2ba079e9:checked + .segmented_control_segment_e3e819eb {
115
+ border-color: Highlight;
116
+ }
117
+
118
+ .segmented_control_input_2ba079e9:focus + .segmented_control_segment_e3e819eb {
119
+ outline-color: Highlight;
120
+ }
121
+
122
+ .segmented_control_input_2ba079e9:disabled + .segmented_control_segment_e3e819eb {
123
+ color: GrayText;
124
+ }
125
+ }
126
+
127
+ @media (prefers-reduced-motion: reduce) {
128
+ .segmented_control_segment_e3e819eb {
129
+ transition: none;
130
+ }
131
+ }
@@ -0,0 +1,6 @@
1
+ 'use client';
2
+ import './segmentedcontrol.css';
3
+ var styles = {"segmented_control":"segmented_control_c736150c","segmented_control_sm":"segmented_control_sm_d8608107","segmented_control_md":"segmented_control_md_9537aa80","segmented_control_lg":"segmented_control_lg_b4ada861","segmented_control_item":"segmented_control_item_430d89ee","segmented_control_input":"segmented_control_input_2ba079e9","segmented_control_segment":"segmented_control_segment_e3e819eb"};
4
+
5
+ export { styles as default };
6
+ //# sourceMappingURL=segmentedcontrol.module.css.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"segmentedcontrol.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -32,6 +32,7 @@ export { default as Pagination } from './Pagination/index.mjs';
32
32
  export { Popover } from './Popover/index.mjs';
33
33
  export { default as Progress } from './Progress/index.mjs';
34
34
  export { default as RadioGroup } from './RadioGroup/index.mjs';
35
+ export { SegmentedControl } from './SegmentedControl/index.mjs';
35
36
  export { default as Select } from './Select/index.mjs';
36
37
  export { default as Skeleton } from './Skeleton/index.mjs';
37
38
  export { default as Spinner } from './Spinner/index.mjs';
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -109,6 +109,11 @@
109
109
  --frey-button-destructive-hover: var(--frey-palette-red-700);
110
110
  --frey-button-destructive-text: var(--frey-palette-white);
111
111
 
112
+ /* SegmentedControl */
113
+ --frey-segmented-control-selected-bg: var(--frey-palette-purple-700);
114
+ --frey-segmented-control-selected-text: var(--frey-palette-white);
115
+ --frey-segmented-control-focus-ring: var(--frey-palette-gray-900);
116
+
112
117
  /* Feedback */
113
118
  --frey-color-error: var(--frey-palette-red-600);
114
119
  --frey-color-error-bg: var(--frey-palette-red-50);
@@ -173,6 +178,11 @@
173
178
  --frey-button-destructive-hover: var(--frey-palette-red-600);
174
179
  --frey-button-destructive-text: var(--frey-palette-white);
175
180
 
181
+ /* SegmentedControl */
182
+ --frey-segmented-control-selected-bg: var(--frey-palette-purple-600);
183
+ --frey-segmented-control-selected-text: var(--frey-palette-white);
184
+ --frey-segmented-control-focus-ring: var(--frey-palette-gray-50);
185
+
176
186
  /* Feedback */
177
187
  --frey-color-error: var(--frey-palette-red-400);
178
188
  --frey-color-error-bg: #450a0a;
@@ -214,6 +224,10 @@
214
224
  --frey-button-secondary-text: var(--frey-palette-purple-800);
215
225
  --frey-button-ghost-text: var(--frey-palette-purple-800);
216
226
 
227
+ --frey-segmented-control-selected-bg: var(--frey-palette-purple-900);
228
+ --frey-segmented-control-selected-text: var(--frey-palette-white);
229
+ --frey-segmented-control-focus-ring: var(--frey-palette-black);
230
+
217
231
  --frey-color-error: var(--frey-palette-red-700);
218
232
  --frey-color-success: var(--frey-palette-green-800);
219
233
  --frey-color-warning: #b45309; /* darker yellow/amber */
@@ -236,6 +250,10 @@
236
250
  --frey-button-secondary-text: var(--frey-palette-purple-300);
237
251
  --frey-button-ghost-text: var(--frey-palette-purple-300);
238
252
 
253
+ --frey-segmented-control-selected-bg: var(--frey-palette-purple-300);
254
+ --frey-segmented-control-selected-text: var(--frey-palette-black);
255
+ --frey-segmented-control-focus-ring: var(--frey-palette-white);
256
+
239
257
  --frey-color-error: var(--frey-palette-red-300);
240
258
  --frey-color-success: var(--frey-palette-green-300);
241
259
  --frey-color-warning: var(--frey-palette-yellow-300);
package/dist/index.d.ts CHANGED
@@ -604,6 +604,42 @@ type RadioGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | '
604
604
  type RadioGroupComponent = React.ForwardRefExoticComponent<Readonly<RadioGroupProps> & React.RefAttributes<HTMLDivElement>>;
605
605
  declare const RadioGroup: RadioGroupComponent;
606
606
 
607
+ type SegmentedControlSize = 'sm' | 'md' | 'lg';
608
+ type SegmentedControlProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'style'> & {
609
+ children: React.ReactNode;
610
+ label: string;
611
+ value?: string;
612
+ defaultValue?: string;
613
+ onValueChange?: (value: string) => void;
614
+ hideLabel?: boolean;
615
+ helperText?: string;
616
+ error?: string;
617
+ disabled?: boolean;
618
+ required?: boolean;
619
+ name?: string;
620
+ size?: SegmentedControlSize;
621
+ className?: string;
622
+ style?: React.CSSProperties;
623
+ groupClassName?: string;
624
+ groupStyle?: React.CSSProperties;
625
+ };
626
+ type SegmentedControlItemProps = {
627
+ children: React.ReactNode;
628
+ value: string;
629
+ disabled?: boolean;
630
+ id?: string;
631
+ className?: string;
632
+ style?: React.CSSProperties;
633
+ };
634
+ type SegmentedControlRootComponent = React.ForwardRefExoticComponent<Readonly<SegmentedControlProps> & React.RefAttributes<HTMLDivElement>>;
635
+ declare const SegmentedControlRoot: SegmentedControlRootComponent;
636
+ type SegmentedControlItemComponent = React.ForwardRefExoticComponent<Readonly<SegmentedControlItemProps> & React.RefAttributes<HTMLInputElement>>;
637
+ declare const SegmentedControlItem: SegmentedControlItemComponent;
638
+ type SegmentedControlComponent = typeof SegmentedControlRoot & {
639
+ Item: typeof SegmentedControlItem;
640
+ };
641
+ declare const SegmentedControl: SegmentedControlComponent;
642
+
607
643
  type SelectSize = 'sm' | 'md' | 'lg';
608
644
  type SelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'className' | 'style'> & {
609
645
  label: string;
@@ -812,5 +848,5 @@ type TooltipProps = {
812
848
  };
813
849
  declare function Tooltip({ children, asChild, content, open, defaultOpen, onOpenChange, placement, offset, delay, id, className, style, }: Readonly<TooltipProps>): React.JSX.Element;
814
850
 
815
- export { Accordion, Alert, Avatar, Badge, Box, Breadcrumbs, Button, Card, CheckIcon, Checkbox, ChevronDownIcon, Chip, CircleCheckIcon, CircleInfoIcon, CircleXIcon, CloseIcon, Combobox, CommandPalette, Dialog, Drawer, DropdownMenu, Field, Flex, Grid, Link, MinusIcon, Pagination, Popover, Progress, RadioGroup, Select, Skeleton, Spinner, Stack, Switch, Table, Tabs, TextInput, Textarea, ThemeProvider, ToastProvider, Tooltip, TriangleAlertIcon, useTheme, useToast };
816
- export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AccordionType, AlertProps, AlertVariant, AvatarProps, AvatarSize, AvatarStatus, BadgeProps, BadgeSize, BadgeTone, BadgeVariant, BoxProps, BreadcrumbsCurrentProps, BreadcrumbsItemProps, BreadcrumbsLinkProps, BreadcrumbsListProps, BreadcrumbsProps, ButtonProps, ButtonSize, ButtonVariant, CardContentProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, CheckboxProps, CheckboxSize, ChipElement, ChipProps, ColorToken, ComboboxOption, ComboboxProps, ComboboxSize, CommandPaletteContentProps, CommandPaletteEmptyProps, CommandPaletteGroupProps, CommandPaletteInputProps, CommandPaletteItemProps, CommandPaletteListProps, CommandPaletteProps, CommandPaletteShortcutProps, CommandPaletteTriggerProps, DialogBodyProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogTitleProps, DialogTriggerProps, DrawerBodyProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerPlacement, DrawerProps, DrawerTitleProps, DrawerTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuPlacement, DropdownMenuProps, DropdownMenuTriggerProps, FieldProps, FieldRenderProps, FlexProps, FreyTheme, GridProps, IconProps, IconSizeToken, IconStrokeToken, LinkColor, LinkProps, LinkUnderline, PaginationProps, PopoverContentProps, PopoverPlacement, PopoverProps, PopoverTriggerProps, ProgressProps, ProgressSize, RadioGroupOrientation, RadioGroupProps, RadioOption, RadiusToken, SelectProps, SelectSize, SkeletonProps, SkeletonShape, SpaceToken, SpinnerProps, SpinnerSize, StackProps, SwitchProps, SwitchSize, TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextInputProps, TextareaProps, TextareaResize, ThemeContextValue, ThemeProviderProps, ToastAction, ToastOptions, ToastPlacement, ToastProviderProps, ToastVariant, TooltipPlacement, TooltipProps, Variant };
851
+ export { Accordion, Alert, Avatar, Badge, Box, Breadcrumbs, Button, Card, CheckIcon, Checkbox, ChevronDownIcon, Chip, CircleCheckIcon, CircleInfoIcon, CircleXIcon, CloseIcon, Combobox, CommandPalette, Dialog, Drawer, DropdownMenu, Field, Flex, Grid, Link, MinusIcon, Pagination, Popover, Progress, RadioGroup, SegmentedControl, Select, Skeleton, Spinner, Stack, Switch, Table, Tabs, TextInput, Textarea, ThemeProvider, ToastProvider, Tooltip, TriangleAlertIcon, useTheme, useToast };
852
+ export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AccordionType, AlertProps, AlertVariant, AvatarProps, AvatarSize, AvatarStatus, BadgeProps, BadgeSize, BadgeTone, BadgeVariant, BoxProps, BreadcrumbsCurrentProps, BreadcrumbsItemProps, BreadcrumbsLinkProps, BreadcrumbsListProps, BreadcrumbsProps, ButtonProps, ButtonSize, ButtonVariant, CardContentProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, CheckboxProps, CheckboxSize, ChipElement, ChipProps, ColorToken, ComboboxOption, ComboboxProps, ComboboxSize, CommandPaletteContentProps, CommandPaletteEmptyProps, CommandPaletteGroupProps, CommandPaletteInputProps, CommandPaletteItemProps, CommandPaletteListProps, CommandPaletteProps, CommandPaletteShortcutProps, CommandPaletteTriggerProps, DialogBodyProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogTitleProps, DialogTriggerProps, DrawerBodyProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerPlacement, DrawerProps, DrawerTitleProps, DrawerTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuPlacement, DropdownMenuProps, DropdownMenuTriggerProps, FieldProps, FieldRenderProps, FlexProps, FreyTheme, GridProps, IconProps, IconSizeToken, IconStrokeToken, LinkColor, LinkProps, LinkUnderline, PaginationProps, PopoverContentProps, PopoverPlacement, PopoverProps, PopoverTriggerProps, ProgressProps, ProgressSize, RadioGroupOrientation, RadioGroupProps, RadioOption, RadiusToken, SegmentedControlItemProps, SegmentedControlProps, SegmentedControlSize, SelectProps, SelectSize, SkeletonProps, SkeletonShape, SpaceToken, SpinnerProps, SpinnerSize, StackProps, SwitchProps, SwitchSize, TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextInputProps, TextareaProps, TextareaResize, ThemeContextValue, ThemeProviderProps, ToastAction, ToastOptions, ToastPlacement, ToastProviderProps, ToastVariant, TooltipPlacement, TooltipProps, Variant };
@@ -0,0 +1,38 @@
1
+ import React from 'react';
2
+ export type SegmentedControlSize = 'sm' | 'md' | 'lg';
3
+ export type SegmentedControlProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'defaultValue' | 'onChange' | 'style'> & {
4
+ children: React.ReactNode;
5
+ label: string;
6
+ value?: string;
7
+ defaultValue?: string;
8
+ onValueChange?: (value: string) => void;
9
+ hideLabel?: boolean;
10
+ helperText?: string;
11
+ error?: string;
12
+ disabled?: boolean;
13
+ required?: boolean;
14
+ name?: string;
15
+ size?: SegmentedControlSize;
16
+ className?: string;
17
+ style?: React.CSSProperties;
18
+ groupClassName?: string;
19
+ groupStyle?: React.CSSProperties;
20
+ };
21
+ export type SegmentedControlItemProps = {
22
+ children: React.ReactNode;
23
+ value: string;
24
+ disabled?: boolean;
25
+ id?: string;
26
+ className?: string;
27
+ style?: React.CSSProperties;
28
+ };
29
+ type SegmentedControlRootComponent = React.ForwardRefExoticComponent<Readonly<SegmentedControlProps> & React.RefAttributes<HTMLDivElement>>;
30
+ declare const SegmentedControlRoot: SegmentedControlRootComponent;
31
+ type SegmentedControlItemComponent = React.ForwardRefExoticComponent<Readonly<SegmentedControlItemProps> & React.RefAttributes<HTMLInputElement>>;
32
+ declare const SegmentedControlItem: SegmentedControlItemComponent;
33
+ type SegmentedControlComponent = typeof SegmentedControlRoot & {
34
+ Item: typeof SegmentedControlItem;
35
+ };
36
+ export declare const SegmentedControl: SegmentedControlComponent;
37
+ export default SegmentedControl;
38
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/SegmentedControl/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,WAAW,GAAG,cAAc,GAAG,UAAU,GAAG,OAAO,CACjE,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAgCF,KAAK,6BAA6B,GAAG,KAAK,CAAC,yBAAyB,CAClE,QAAQ,CAAC,qBAAqB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACtE,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,6BA+F1B,CAAC;AAIH,KAAK,6BAA6B,GAAG,KAAK,CAAC,yBAAyB,CAClE,QAAQ,CAAC,yBAAyB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC5E,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,6BAmC1B,CAAC;AAIH,KAAK,yBAAyB,GAAG,OAAO,oBAAoB,GAAG;IAC7D,IAAI,EAAE,OAAO,oBAAoB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,yBAK9B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -47,6 +47,8 @@ export type { ProgressProps, ProgressSize } from './Progress';
47
47
  export { default as Progress } from './Progress';
48
48
  export type { RadioGroupOrientation, RadioGroupProps, RadioOption, } from './RadioGroup';
49
49
  export { default as RadioGroup } from './RadioGroup';
50
+ export type { SegmentedControlItemProps, SegmentedControlProps, SegmentedControlSize, } from './SegmentedControl';
51
+ export { default as SegmentedControl } from './SegmentedControl';
50
52
  export type { SelectProps, SelectSize } from './Select';
51
53
  export { default as Select } from './Select';
52
54
  export type { SkeletonProps, SkeletonShape } from './Skeleton';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "frey-ui",
3
- "version": "1.0.16",
3
+ "version": "1.1.0",
4
4
  "main": "dist/cjs/index.cjs",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "types": "dist/index.d.ts",
@@ -45,8 +45,8 @@
45
45
  "tslib": "^2.8.1"
46
46
  },
47
47
  "devDependencies": {
48
- "@biomejs/biome": "2.4.16",
49
- "@rollup/plugin-commonjs": "^29.0.2",
48
+ "@biomejs/biome": "2.5.3",
49
+ "@rollup/plugin-commonjs": "29.0.3",
50
50
  "@rollup/plugin-node-resolve": "^16.0.3",
51
51
  "@rollup/plugin-typescript": "^12.3.0",
52
52
  "@testing-library/jest-dom": "^6.9.1",
@@ -67,7 +67,7 @@
67
67
  "rollup-plugin-dts": "^6.4.1",
68
68
  "rollup-plugin-peer-deps-external": "^2.2.4",
69
69
  "typescript": "^6.0.2",
70
- "vitest": "^4.1.7"
70
+ "vitest": "4.1.10"
71
71
  },
72
72
  "scripts": {
73
73
  "dev": "rollup -c -w",