@peculiar/react-components 0.3.8 → 0.3.10

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.
@@ -99,7 +99,7 @@ exports.Avatar = React.forwardRef(function (props, ref) {
99
99
  var showInitials = name && getInitials;
100
100
  var children = null;
101
101
  if (showImage) {
102
- children = (React.createElement("img", { src: src, alt: name, className: stylesImg() }));
102
+ children = (React.createElement("img", { src: src, alt: name, className: stylesImg(), draggable: "false" }));
103
103
  }
104
104
  else if (showInitials) {
105
105
  children = (React.createElement(Typography_1.Typography, __assign({}, typographyProps, { color: color, "aria-label": name, role: "img" }), getInitials(name)));
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}
@@ -47,69 +47,84 @@ var __rest = (this && this.__rest) || function (s, e) {
47
47
  Object.defineProperty(exports, "__esModule", { value: true });
48
48
  exports.Checkbox = void 0;
49
49
  var React = __importStar(require("react"));
50
- var Box_1 = require("../Box");
51
50
  var icons_1 = require("../icons");
52
51
  var hooks_1 = require("../hooks");
53
52
  var styles_1 = require("../styles");
53
+ /**
54
+ *
55
+ */
56
+ /**
57
+ * Styles.
58
+ */
54
59
  var stylesBase = function () { return (0, styles_1.css)({
55
60
  label: 'Checkbox',
56
- cursor: 'pointer',
57
61
  display: 'inline-flex',
58
62
  width: 'var(--pv-size-base-4)',
59
63
  height: 'var(--pv-size-base-4)',
60
- borderRadius: '50%',
61
- justifyContent: 'center',
62
- alignItems: 'center',
63
- }); };
64
- var stylesBaseDisabled = function () { return (0, styles_1.css)({
65
- label: 'disabled',
66
- cursor: 'not-allowed',
64
+ position: 'relative',
67
65
  }); };
68
66
  var stylesInput = function () { return (0, styles_1.css)({
69
67
  label: 'Checkbox-input',
70
- overflow: 'hidden',
71
68
  width: '100%',
72
69
  height: '100%',
73
70
  margin: 0,
74
71
  padding: 0,
75
- cursor: 'inherit',
72
+ outline: 0,
76
73
  borderRadius: '2px',
77
74
  borderWidth: '2px',
78
75
  borderStyle: 'solid',
79
76
  appearance: 'none',
80
- borderColor: 'var(--pv-color-gray-9)',
77
+ color: 'var(--pv-color-gray-9)',
78
+ borderColor: 'currentColor',
81
79
  backgroundColor: 'transparent',
80
+ '&:before': {
81
+ top: '-7px',
82
+ left: '-7px',
83
+ right: '-7px',
84
+ bottom: '-7px',
85
+ content: '""',
86
+ position: 'absolute',
87
+ borderRadius: '50%',
88
+ opacity: 0,
89
+ backgroundColor: 'currentColor',
90
+ transition: 'opacity 200ms',
91
+ },
82
92
  '&:checked': {
83
- backgroundColor: 'var(--pv-color-primary)',
84
- borderColor: 'var(--pv-color-primary-shade-1)',
85
93
  '+ [aria-hidden]': {
86
94
  opacity: 1,
87
95
  },
88
96
  },
97
+ '&:not(:disabled)': {
98
+ cursor: 'pointer',
99
+ '&:checked': {
100
+ color: 'var(--pv-color-primary-shade-1)',
101
+ backgroundColor: 'var(--pv-color-primary)',
102
+ },
103
+ '&:hover': {
104
+ '&:before': {
105
+ opacity: 0.18,
106
+ },
107
+ },
108
+ '&:focus': {
109
+ '&:before': {
110
+ opacity: 0.23,
111
+ },
112
+ },
113
+ '&:active': {
114
+ '&:before': {
115
+ opacity: 0.30,
116
+ },
117
+ },
118
+ },
89
119
  '&:disabled': {
90
- borderColor: 'var(--pv-color-gray-6)',
120
+ cursor: 'not-allowed',
121
+ color: 'var(--pv-color-gray-6)',
91
122
  '&:checked': {
123
+ color: 'var(--pv-color-gray-7)',
92
124
  backgroundColor: 'var(--pv-color-gray-6)',
93
- borderColor: 'var(--pv-color-gray-7)',
94
125
  },
95
126
  },
96
127
  }); };
97
- var stylesControl = function () { return (0, styles_1.css)({
98
- label: 'Checkbox-control',
99
- width: 'var(--pv-size-base-4)',
100
- height: 'var(--pv-size-base-4)',
101
- position: 'relative',
102
- color: 'var(--pv-color-white)',
103
- '&:after': {
104
- top: '-10px',
105
- left: '-10px',
106
- right: '-10px',
107
- bottom: '-10px',
108
- content: '""',
109
- position: 'absolute',
110
- borderRadius: '50%',
111
- },
112
- }); };
113
128
  var stylesIcon = function () { return (0, styles_1.css)({
114
129
  label: 'Checkbox-icon',
115
130
  display: 'block',
@@ -119,7 +134,12 @@ var stylesIcon = function () { return (0, styles_1.css)({
119
134
  width: '100%',
120
135
  height: '100%',
121
136
  opacity: 0,
137
+ color: 'var(--pv-color-white)',
138
+ pointerEvents: 'none',
122
139
  }); };
140
+ /**
141
+ *
142
+ */
123
143
  exports.Checkbox = React.forwardRef(function (props, ref) {
124
144
  var _a;
125
145
  var checked = props.checked, defaultChecked = props.defaultChecked, required = props.required, inputProps = props.inputProps, className = props.className, disabled = props.disabled, idProp = props.id, checkedIcon = props.checkedIcon, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "required", "inputProps", "className", "disabled", "id", "checkedIcon", "onChange"]);
@@ -136,12 +156,10 @@ exports.Checkbox = React.forwardRef(function (props, ref) {
136
156
  };
137
157
  return (React.createElement("label", __assign({}, other, { ref: ref, htmlFor: id, className: (0, styles_1.cx)((_a = {},
138
158
  _a[stylesBase()] = true,
139
- _a[stylesBaseDisabled()] = disabled,
140
159
  _a[className] = !!className,
141
160
  _a)) }),
142
- React.createElement(Box_1.Box, { component: "span", className: (0, styles_1.cx)(stylesControl()) },
143
- React.createElement("input", __assign({}, inputProps, { type: "checkbox", id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: (0, styles_1.cx)(stylesInput()), onChange: onChange })),
144
- renderIcon())));
161
+ React.createElement("input", __assign({}, inputProps, { type: "checkbox", id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: stylesInput(), onChange: onChange })),
162
+ renderIcon()));
145
163
  });
146
164
  exports.Checkbox.displayName = 'Checkbox';
147
165
  exports.Checkbox.defaultProps = {};
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
@@ -47,10 +47,12 @@ var __rest = (this && this.__rest) || function (s, e) {
47
47
  Object.defineProperty(exports, "__esModule", { value: true });
48
48
  exports.Radio = void 0;
49
49
  var React = __importStar(require("react"));
50
- var Box_1 = require("../Box");
51
50
  var icons_1 = require("../icons");
52
51
  var hooks_1 = require("../hooks");
53
52
  var styles_1 = require("../styles");
53
+ /**
54
+ * Styles.
55
+ */
54
56
  var stylesBase = function () { return (0, styles_1.css)({
55
57
  label: 'Radio',
56
58
  cursor: 'pointer',
@@ -58,57 +60,72 @@ var stylesBase = function () { return (0, styles_1.css)({
58
60
  width: 'var(--pv-size-base-4)',
59
61
  height: 'var(--pv-size-base-4)',
60
62
  borderRadius: '50%',
61
- justifyContent: 'center',
62
- alignItems: 'center',
63
- }); };
64
- var stylesBaseDisabled = function () { return (0, styles_1.css)({
65
- label: 'disabled',
66
- cursor: 'not-allowed',
63
+ color: 'var(--pv-color-gray-6)',
64
+ position: 'relative',
67
65
  }); };
68
66
  var stylesInput = function () { return (0, styles_1.css)({
69
67
  label: 'Radio-input',
70
- overflow: 'hidden',
68
+ cursor: 'inherit',
71
69
  width: '100%',
72
70
  height: '100%',
73
71
  margin: 0,
74
72
  padding: 0,
75
- cursor: 'inherit',
73
+ outline: 0,
76
74
  borderRadius: '50%',
77
75
  borderWidth: '2px',
78
76
  borderStyle: 'solid',
79
77
  appearance: 'none',
80
- borderColor: 'var(--pv-color-gray-9)',
78
+ color: 'var(--pv-color-gray-9)',
79
+ borderColor: 'currentColor',
81
80
  backgroundColor: 'transparent',
81
+ '&:before': {
82
+ top: '-7px',
83
+ left: '-7px',
84
+ right: '-7px',
85
+ bottom: '-7px',
86
+ content: '""',
87
+ position: 'absolute',
88
+ borderRadius: '50%',
89
+ opacity: 0,
90
+ backgroundColor: 'currentColor',
91
+ transition: 'opacity 200ms',
92
+ },
82
93
  '&:checked': {
83
- borderColor: 'var(--pv-color-primary-shade-1)',
84
94
  '+ [aria-hidden]': {
95
+ color: 'var(--pv-color-primary)',
85
96
  opacity: 1,
86
97
  },
87
98
  },
88
- '&:disabled': {
89
- borderColor: 'var(--pv-color-gray-6)',
99
+ '&:not(:disabled)': {
100
+ cursor: 'pointer',
90
101
  '&:checked': {
91
- borderColor: 'var(--pv-color-gray-7)',
102
+ color: 'var(--pv-color-primary-shade-1)',
92
103
  },
93
- '+ [aria-hidden]': {
94
- color: 'var(--pv-color-gray-6)',
104
+ '&:hover': {
105
+ '&:before': {
106
+ opacity: 0.18,
107
+ },
108
+ },
109
+ '&:focus': {
110
+ '&:before': {
111
+ opacity: 0.23,
112
+ },
113
+ },
114
+ '&:active': {
115
+ '&:before': {
116
+ opacity: 0.30,
117
+ },
95
118
  },
96
119
  },
97
- }); };
98
- var stylesControl = function () { return (0, styles_1.css)({
99
- label: 'Radio-control',
100
- width: 'var(--pv-size-base-4)',
101
- height: 'var(--pv-size-base-4)',
102
- position: 'relative',
103
- color: 'var(--pv-color-primary)',
104
- '&:after': {
105
- top: '-10px',
106
- left: '-10px',
107
- right: '-10px',
108
- bottom: '-10px',
109
- content: '""',
110
- position: 'absolute',
111
- borderRadius: '50%',
120
+ '&:disabled': {
121
+ cursor: 'not-allowed',
122
+ '+ [aria-hidden]': {
123
+ color: 'inherit',
124
+ },
125
+ color: 'var(--pv-color-gray-6)',
126
+ '&:checked': {
127
+ color: 'var(--pv-color-gray-7)',
128
+ },
112
129
  },
113
130
  }); };
114
131
  var stylesIcon = function () { return (0, styles_1.css)({
@@ -120,7 +137,11 @@ var stylesIcon = function () { return (0, styles_1.css)({
120
137
  width: '100%',
121
138
  height: '100%',
122
139
  opacity: 0,
140
+ pointerEvents: 'none',
123
141
  }); };
142
+ /**
143
+ *
144
+ */
124
145
  exports.Radio = React.forwardRef(function (props, ref) {
125
146
  var _a;
126
147
  var checked = props.checked, defaultChecked = props.defaultChecked, required = props.required, inputProps = props.inputProps, className = props.className, disabled = props.disabled, idProp = props.id, checkedIcon = props.checkedIcon, name = props.name, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "required", "inputProps", "className", "disabled", "id", "checkedIcon", "name", "onChange"]);
@@ -137,12 +158,10 @@ exports.Radio = React.forwardRef(function (props, ref) {
137
158
  };
138
159
  return (React.createElement("label", __assign({}, other, { ref: ref, htmlFor: id, className: (0, styles_1.cx)((_a = {},
139
160
  _a[stylesBase()] = true,
140
- _a[stylesBaseDisabled()] = disabled,
141
161
  _a[className] = !!className,
142
162
  _a)) }),
143
- React.createElement(Box_1.Box, { component: "span", className: (0, styles_1.cx)(stylesControl()) },
144
- React.createElement("input", __assign({}, inputProps, { type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: (0, styles_1.cx)(stylesInput()), onChange: onChange })),
145
- renderIcon())));
163
+ React.createElement("input", __assign({}, inputProps, { type: "radio", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: (0, styles_1.cx)(stylesInput()), onChange: onChange })),
164
+ renderIcon()));
146
165
  });
147
166
  exports.Radio.displayName = 'Radio';
148
167
  exports.Radio.defaultProps = {};
@@ -1 +1 @@
1
- {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
@@ -52,18 +52,14 @@ var hooks_1 = require("../hooks");
52
52
  var styles_1 = require("../styles");
53
53
  var stylesBase = function () { return (0, styles_1.css)({
54
54
  label: 'Switch',
55
- cursor: 'pointer',
56
55
  display: 'inline-flex',
57
56
  width: 'var(--pv-size-base-7)',
58
57
  height: 'var(--pv-size-base-4)',
59
58
  borderRadius: 'var(--pv-size-base-4)',
60
59
  justifyContent: 'center',
60
+ position: 'relative',
61
61
  alignItems: 'center',
62
62
  }); };
63
- var stylesBaseDisabled = function () { return (0, styles_1.css)({
64
- label: 'disabled',
65
- cursor: 'not-allowed',
66
- }); };
67
63
  var stylesInput = function (props) { return (0, styles_1.css)({
68
64
  label: 'Switch-input',
69
65
  overflow: 'hidden',
@@ -71,54 +67,65 @@ var stylesInput = function (props) { return (0, styles_1.css)({
71
67
  height: '100%',
72
68
  margin: 0,
73
69
  padding: 0,
74
- cursor: 'inherit',
75
- borderRadius: 'var(--pv-size-base-4)',
70
+ outline: 0,
71
+ borderRadius: 'inherit',
76
72
  appearance: 'none',
77
73
  backgroundColor: 'var(--pv-color-gray-6)',
78
74
  '&:checked': {
79
75
  backgroundColor: "var(--pv-color-".concat(props.color, ")"),
80
76
  '+ [aria-hidden]': {
81
- transform: 'translate(calc(100% - 1px),-50%)',
77
+ transform: 'translateX(calc(50% - 2px))',
78
+ '&:before': {
79
+ backgroundColor: "var(--pv-color-".concat(props.color, "-shade-2)"),
80
+ },
82
81
  },
83
82
  },
84
83
  '&:disabled': {
84
+ cursor: 'not-allowed',
85
+ pointerEvents: 'none',
85
86
  opacity: 0.4,
86
- '&:checked': {
87
- backgroundColor: "var(--pv-color-".concat(props.color, "-tint-3)"),
88
- opacity: 0.6,
87
+ },
88
+ '&:not(:disabled)': {
89
+ cursor: 'pointer',
90
+ '&:hover': {
91
+ '+ [aria-hidden]:before': {
92
+ opacity: 0.18,
93
+ },
89
94
  },
90
- '+ [aria-hidden]': {
91
- opacity: 0.8,
95
+ '&:focus': {
96
+ '+ [aria-hidden]:before': {
97
+ opacity: 0.23,
98
+ },
99
+ },
100
+ '&:active': {
101
+ '+ [aria-hidden]:before': {
102
+ opacity: 0.30,
103
+ },
92
104
  },
93
- },
94
- }); };
95
- var stylesControl = function (props) { return (0, styles_1.css)({
96
- label: 'Switch-control',
97
- width: 'var(--pv-size-base-7)',
98
- height: 'var(--pv-size-base-4)',
99
- position: 'relative',
100
- color: "var(--pv-color-".concat(props.color, ")"),
101
- '&:after': {
102
- top: '-10px',
103
- left: '-10px',
104
- right: '-10px',
105
- bottom: '-10px',
106
- content: '""',
107
- position: 'absolute',
108
- borderRadius: '50%',
109
105
  },
110
106
  }); };
111
107
  var stylesDot = function () { return (0, styles_1.css)({
112
108
  label: 'Switch-dot',
113
109
  display: 'block',
114
110
  position: 'absolute',
115
- top: '50%',
116
111
  width: 'var(--pv-size-base-3)',
117
112
  height: 'var(--pv-size-base-3)',
118
- transform: 'translate(calc(2px), -50%)',
119
113
  transition: 'transform 200ms',
120
114
  boxShadow: 'var(--pv-shadow-light-low)',
121
- boxSizing: 'content-box',
115
+ transform: 'translateX(calc(-50% + 2px))',
116
+ pointerEvents: 'none',
117
+ '&:before': {
118
+ top: '-10px',
119
+ left: '-10px',
120
+ right: '-10px',
121
+ bottom: '-10px',
122
+ content: '""',
123
+ position: 'absolute',
124
+ borderRadius: '50%',
125
+ opacity: 0,
126
+ backgroundColor: 'var(--pv-color-gray-9)',
127
+ transition: 'opacity 200ms, background-color 200ms',
128
+ },
122
129
  }); };
123
130
  exports.Switch = React.forwardRef(function (props, ref) {
124
131
  var _a;
@@ -126,12 +133,10 @@ exports.Switch = React.forwardRef(function (props, ref) {
126
133
  var id = (0, hooks_1.useId)(idProp);
127
134
  return (React.createElement("label", __assign({}, other, { ref: ref, htmlFor: id, className: (0, styles_1.cx)((_a = {},
128
135
  _a[stylesBase()] = true,
129
- _a[stylesBaseDisabled()] = disabled,
130
136
  _a[className] = !!className,
131
137
  _a)) }),
132
- React.createElement(Box_1.Box, { component: "span", className: (0, styles_1.cx)(stylesControl(props)) },
133
- React.createElement("input", __assign({}, inputProps, { type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: (0, styles_1.cx)(stylesInput(props)), onChange: onChange })),
134
- React.createElement(Box_1.Box, { "aria-hidden": true, className: (0, styles_1.cx)(stylesDot()), background: "".concat(color, "-contrast"), borderColor: "gray-3", borderWidth: 1, borderStyle: "solid", borderRadius: 100 }))));
138
+ React.createElement("input", __assign({}, inputProps, { type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: (0, styles_1.cx)(stylesInput(props)), onChange: onChange })),
139
+ React.createElement(Box_1.Box, { "aria-hidden": true, className: (0, styles_1.cx)(stylesDot()), background: "".concat(color, "-contrast"), borderColor: "gray-3", borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
135
140
  });
136
141
  exports.Switch.displayName = 'Switch';
137
142
  exports.Switch.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
@@ -73,7 +73,7 @@ export var Avatar = React.forwardRef(function (props, ref) {
73
73
  var showInitials = name && getInitials;
74
74
  var children = null;
75
75
  if (showImage) {
76
- children = (React.createElement("img", { src: src, alt: name, className: stylesImg() }));
76
+ children = (React.createElement("img", { src: src, alt: name, className: stylesImg(), draggable: "false" }));
77
77
  }
78
78
  else if (showInitials) {
79
79
  children = (React.createElement(Typography, __assign({}, typographyProps, { color: color, "aria-label": name, role: "img" }), getInitials(name)));
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAa,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AA+CpC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;CACrB,CAAC,EARuB,CAQvB,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,EAJ4B,CAI5B,CAAC;AAEH,IAAM,gBAAgB,GAAG,cAAM,OAAA,GAAG,CAAC;IACjC,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,EAJ6B,CAI7B,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,EAJ4B,CAI5B,CAAC;AAEH,IAAM,SAAS,GAAG,cAAM,OAAA,GAAG,CAAC;IAC1B,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,KAAK;CACpB,CAAC,EATsB,CAStB,CAAC;AAEH,SAAS,QAAQ,CAAC,IAAY;IACtB,IAAA,KAAwB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAtC,SAAS,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAE9C,OAAO,SAAS,IAAI,QAAQ;QAC1B,CAAC,CAAC,UAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAE;QAC/C,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;;IAE3E,IAAU,YAAY,GAUpB,KAAK,SAVe,EACtB,SAAS,GASP,KAAK,UATE,EACT,IAAI,GAQF,KAAK,KARH,EACJ,GAAG,GAOD,KAAK,IAPJ,EACH,IAAI,GAMF,KAAK,KANH,EACJ,KAKE,KAAK,YALe,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,UAAU,GAIR,KAAK,WAJG,EACV,KAAK,GAGH,KAAK,MAHF,EACL,eAAe,GAEb,KAAK,gBAFQ,EACZ,KAAK,UACN,KAAK,EAXH,yGAWL,CADS,CACA;IACF,IAAA,KAAK,GAAK,QAAQ,CAAC,GAAG,CAAC,MAAlB,CAAmB;IAChC,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC;IAC7B,IAAM,YAAY,GAAG,IAAI,IAAI,WAAW,CAAC;IAEzC,IAAI,QAAQ,GAAG,IAAI,CAAC;IAEpB,IAAI,SAAS,EAAE;QACb,QAAQ,GAAG,CACT,6BACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,SAAS,EAAE,EACtB,SAAS,EAAC,OAAO,GACjB,CACH,CAAC;KACH;SAAM,IAAI,YAAY,EAAE;QACvB,QAAQ,GAAG,CACT,oBAAC,UAAU,eACL,eAAe,IACnB,KAAK,EAAE,KAAK,gBACA,IAAI,EAChB,IAAI,EAAC,KAAK,KAET,WAAW,CAAC,IAAI,CAAC,CACP,CACd,CAAC;KACH;SAAM;QACL,QAAQ,GAAG,CACT,6BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,IAAI,EAAC,KAAK;YAEV,8BACE,CAAC,EAAC,wOAAwO,EAC1O,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,GACb,CACE,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,GAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,eAAe,EAAE,IAAG,IAAI,KAAK,OAAO;YACrC,GAAC,gBAAgB,EAAE,IAAG,IAAI,KAAK,QAAQ;YACvC,GAAC,eAAe,EAAE,IAAG,IAAI,KAAK,OAAO;YACrC,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,UAAU,EAAE,UAAU;QAErB,QAAQ;QACR,YAAY,CACT,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,OAAO;CACf,CAAC"}