@kanso-labs/kanso-ui 0.40.6 → 0.40.7

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.
@@ -95,7 +95,7 @@ function Dialog$1(t0) {
95
95
  }
96
96
  function DialogBody(t0) {
97
97
  const $ = c(7);
98
- const { ref: callerRef, ...props$1 } = t0;
98
+ const { ref: callerRef, ...props$2 } = t0;
99
99
  const isBasic = useContext(BasicContext);
100
100
  const ref = useRef(null);
101
101
  const scrollable = useScrollable(ref);
@@ -108,17 +108,17 @@ function DialogBody(t0) {
108
108
  } else t2 = $[1];
109
109
  const merged = t2;
110
110
  const t3 = scrollable ? 0 : void 0;
111
- const t4 = mergeStyles(props(styles.body, isBasic && basic.body, overlay.modalBodyRing), props$1);
111
+ const t4 = mergeStyles(props(styles.body, isBasic && basic.body, overlay.modalBodyRing), props$2);
112
112
  let t5;
113
- if ($[2] !== merged || $[3] !== props$1 || $[4] !== t3 || $[5] !== t4) {
113
+ if ($[2] !== merged || $[3] !== props$2 || $[4] !== t3 || $[5] !== t4) {
114
114
  t5 = /* @__PURE__ */ jsx("div", {
115
115
  tabIndex: t3,
116
- ...props$1,
116
+ ...props$2,
117
117
  ref: merged,
118
118
  ...t4
119
119
  });
120
120
  $[2] = merged;
121
- $[3] = props$1;
121
+ $[3] = props$2;
122
122
  $[4] = t3;
123
123
  $[5] = t4;
124
124
  $[6] = t5;
@@ -162,12 +162,12 @@ function DialogContent(t0) {
162
162
  let isKeyboardDismissDisabled;
163
163
  let isOpen;
164
164
  let onOpenChange;
165
- let props$2;
165
+ let props$1;
166
166
  let ref;
167
167
  let style;
168
168
  let t1;
169
169
  if ($[0] !== t0) {
170
- ({children, className, container, defaultOpen, isDismissable: t1, isKeyboardDismissDisabled, isOpen, onOpenChange, ref, style, ...props$2} = t0);
170
+ ({children, className, container, defaultOpen, isDismissable: t1, isKeyboardDismissDisabled, isOpen, onOpenChange, ref, style, ...props$1} = t0);
171
171
  $[0] = t0;
172
172
  $[1] = children;
173
173
  $[2] = className;
@@ -176,7 +176,7 @@ function DialogContent(t0) {
176
176
  $[5] = isKeyboardDismissDisabled;
177
177
  $[6] = isOpen;
178
178
  $[7] = onOpenChange;
179
- $[8] = props$2;
179
+ $[8] = props$1;
180
180
  $[9] = ref;
181
181
  $[10] = style;
182
182
  $[11] = t1;
@@ -188,13 +188,13 @@ function DialogContent(t0) {
188
188
  isKeyboardDismissDisabled = $[5];
189
189
  isOpen = $[6];
190
190
  onOpenChange = $[7];
191
- props$2 = $[8];
191
+ props$1 = $[8];
192
192
  ref = $[9];
193
193
  style = $[10];
194
194
  t1 = $[11];
195
195
  }
196
196
  const isDismissable = t1 === void 0 ? true : t1;
197
- const isBasic = props$2.role === "alertdialog";
197
+ const isBasic = props$1.role === "alertdialog";
198
198
  let t2;
199
199
  if ($[12] !== isBasic) {
200
200
  t2 = props(overlay.scrim, styles.centre, isBasic && basic.centre);
@@ -221,14 +221,14 @@ function DialogContent(t0) {
221
221
  $[18] = t4;
222
222
  } else t4 = $[18];
223
223
  let t5;
224
- if ($[19] !== children || $[20] !== props$2) {
224
+ if ($[19] !== children || $[20] !== props$1) {
225
225
  t5 = /* @__PURE__ */ jsx(Dialog, {
226
- ...props$2,
226
+ ...props$1,
227
227
  ...t4,
228
228
  children
229
229
  });
230
230
  $[19] = children;
231
- $[20] = props$2;
231
+ $[20] = props$1;
232
232
  $[21] = t5;
233
233
  } else t5 = $[21];
234
234
  let t6;
@@ -90,21 +90,21 @@ function leadingFor(state, leading) {
90
90
  * The call site's `className` and `style` land on the container, which is
91
91
  * the element a layout positions.
92
92
  */
93
- function NavigationTree$1(props$1) {
93
+ function NavigationTree$1(props$2) {
94
94
  const $ = c(5);
95
95
  let t0;
96
- if ($[0] !== props$1) {
97
- t0 = mergeStatefulStyles(props(collectionStyles.container), props$1);
98
- $[0] = props$1;
96
+ if ($[0] !== props$2) {
97
+ t0 = mergeStatefulStyles(props(collectionStyles.container), props$2);
98
+ $[0] = props$2;
99
99
  $[1] = t0;
100
100
  } else t0 = $[1];
101
101
  let t1;
102
- if ($[2] !== props$1 || $[3] !== t0) {
102
+ if ($[2] !== props$2 || $[3] !== t0) {
103
103
  t1 = /* @__PURE__ */ jsx(NavigationTree, {
104
- ...props$1,
104
+ ...props$2,
105
105
  ...t0
106
106
  });
107
- $[2] = props$1;
107
+ $[2] = props$2;
108
108
  $[3] = t0;
109
109
  $[4] = t1;
110
110
  } else t1 = $[4];
@@ -213,12 +213,12 @@ function NavigationTreeSection$1(t0) {
213
213
  let t1;
214
214
  let t2;
215
215
  if ($[0] !== t0) {
216
- const { children: t3, header: t4, ...props$2 } = t0;
216
+ const { children: t3, header: t4, ...props$1 } = t0;
217
217
  children = t3;
218
218
  header = t4;
219
219
  T0 = NavigationTreeSection;
220
- t1 = props$2;
221
- t2 = mergeStyles(props(collectionStyles.section), props$2);
220
+ t1 = props$1;
221
+ t2 = mergeStyles(props(collectionStyles.section), props$1);
222
222
  $[0] = t0;
223
223
  $[1] = T0;
224
224
  $[2] = children;
@@ -114,10 +114,10 @@ function groupContent(label, children, description, error, horizontal) {
114
114
  */
115
115
  function Radio(t0) {
116
116
  const $ = c(13);
117
- const { children, description, ...props$1 } = t0;
117
+ const { children, description, ...props$2 } = t0;
118
118
  const ripple = useRipple();
119
119
  const T0 = RadioField;
120
- const t1 = mergeStatefulStyles(props(controlStyles.field), props$1);
120
+ const t1 = mergeStatefulStyles(props(controlStyles.field), props$2);
121
121
  let t2;
122
122
  if ($[0] !== children || $[1] !== ripple) {
123
123
  t2 = buttonContent(children, ripple);
@@ -141,14 +141,14 @@ function Radio(t0) {
141
141
  $[6] = t4;
142
142
  } else t4 = $[6];
143
143
  let t5;
144
- if ($[7] !== T0 || $[8] !== props$1 || $[9] !== t1 || $[10] !== t3 || $[11] !== t4) {
144
+ if ($[7] !== T0 || $[8] !== props$2 || $[9] !== t1 || $[10] !== t3 || $[11] !== t4) {
145
145
  t5 = /* @__PURE__ */ jsxs(T0, {
146
- ...props$1,
146
+ ...props$2,
147
147
  ...t1,
148
148
  children: [t3, t4]
149
149
  });
150
150
  $[7] = T0;
151
- $[8] = props$1;
151
+ $[8] = props$2;
152
152
  $[9] = t1;
153
153
  $[10] = t3;
154
154
  $[11] = t4;
@@ -169,7 +169,7 @@ function Radio(t0) {
169
169
  */
170
170
  function RadioGroup$1(t0) {
171
171
  const $ = c(16);
172
- const { children, description, error, label, orientation: t1, ...props$2 } = t0;
172
+ const { children, description, error, label, orientation: t1, ...props$1 } = t0;
173
173
  const orientation = t1 === void 0 ? "vertical" : t1;
174
174
  const validationBehavior = useFieldValidationBehavior();
175
175
  const T0 = RadioGroup;
@@ -179,7 +179,7 @@ function RadioGroup$1(t0) {
179
179
  $[0] = error;
180
180
  $[1] = t2;
181
181
  } else t2 = $[1];
182
- const t3 = mergeStatefulStyles(props(groupStyles.root), props$2);
182
+ const t3 = mergeStatefulStyles(props(groupStyles.root), props$1);
183
183
  const t4 = orientation === "horizontal";
184
184
  let t5;
185
185
  if ($[2] !== children || $[3] !== description || $[4] !== error || $[5] !== label || $[6] !== t4) {
@@ -192,18 +192,18 @@ function RadioGroup$1(t0) {
192
192
  $[7] = t5;
193
193
  } else t5 = $[7];
194
194
  let t6;
195
- if ($[8] !== T0 || $[9] !== orientation || $[10] !== props$2 || $[11] !== t2 || $[12] !== t3 || $[13] !== t5 || $[14] !== validationBehavior) {
195
+ if ($[8] !== T0 || $[9] !== orientation || $[10] !== props$1 || $[11] !== t2 || $[12] !== t3 || $[13] !== t5 || $[14] !== validationBehavior) {
196
196
  t6 = /* @__PURE__ */ jsx(T0, {
197
197
  isInvalid: t2,
198
198
  orientation,
199
199
  validationBehavior,
200
- ...props$2,
200
+ ...props$1,
201
201
  ...t3,
202
202
  children: t5
203
203
  });
204
204
  $[8] = T0;
205
205
  $[9] = orientation;
206
- $[10] = props$2;
206
+ $[10] = props$1;
207
207
  $[11] = t2;
208
208
  $[12] = t3;
209
209
  $[13] = t5;
@@ -66,7 +66,7 @@ function Sheet(t0) {
66
66
  }
67
67
  function SheetBody(t0) {
68
68
  const $ = c(7);
69
- const { ref: callerRef, ...props$2 } = t0;
69
+ const { ref: callerRef, ...props$1 } = t0;
70
70
  const ref = useRef(null);
71
71
  const scrollable = useScrollable(ref);
72
72
  const t1 = callerRef ?? void 0;
@@ -78,17 +78,17 @@ function SheetBody(t0) {
78
78
  } else t2 = $[1];
79
79
  const merged = t2;
80
80
  const t3 = scrollable ? 0 : void 0;
81
- const t4 = mergeStyles(props(styles.body, overlay.modalBodyRing), props$2);
81
+ const t4 = mergeStyles(props(styles.body, overlay.modalBodyRing), props$1);
82
82
  let t5;
83
- if ($[2] !== merged || $[3] !== props$2 || $[4] !== t3 || $[5] !== t4) {
83
+ if ($[2] !== merged || $[3] !== props$1 || $[4] !== t3 || $[5] !== t4) {
84
84
  t5 = /* @__PURE__ */ jsx("div", {
85
85
  tabIndex: t3,
86
- ...props$2,
86
+ ...props$1,
87
87
  ref: merged,
88
88
  ...t4
89
89
  });
90
90
  $[2] = merged;
91
- $[3] = props$2;
91
+ $[3] = props$1;
92
92
  $[4] = t3;
93
93
  $[5] = t4;
94
94
  $[6] = t5;
@@ -123,12 +123,12 @@ function SheetContent(t0) {
123
123
  let isKeyboardDismissDisabled;
124
124
  let isOpen;
125
125
  let onOpenChange;
126
- let props$1;
126
+ let props$2;
127
127
  let ref;
128
128
  let style;
129
129
  let t1;
130
130
  if ($[0] !== t0) {
131
- ({children, className, container, defaultOpen, isDismissable: t1, isKeyboardDismissDisabled, isOpen, onOpenChange, ref, style, ...props$1} = t0);
131
+ ({children, className, container, defaultOpen, isDismissable: t1, isKeyboardDismissDisabled, isOpen, onOpenChange, ref, style, ...props$2} = t0);
132
132
  $[0] = t0;
133
133
  $[1] = children;
134
134
  $[2] = className;
@@ -137,7 +137,7 @@ function SheetContent(t0) {
137
137
  $[5] = isKeyboardDismissDisabled;
138
138
  $[6] = isOpen;
139
139
  $[7] = onOpenChange;
140
- $[8] = props$1;
140
+ $[8] = props$2;
141
141
  $[9] = ref;
142
142
  $[10] = style;
143
143
  $[11] = t1;
@@ -149,7 +149,7 @@ function SheetContent(t0) {
149
149
  isKeyboardDismissDisabled = $[5];
150
150
  isOpen = $[6];
151
151
  onOpenChange = $[7];
152
- props$1 = $[8];
152
+ props$2 = $[8];
153
153
  ref = $[9];
154
154
  style = $[10];
155
155
  t1 = $[11];
@@ -176,14 +176,14 @@ function SheetContent(t0) {
176
176
  $[16] = t4;
177
177
  } else t4 = $[16];
178
178
  let t5;
179
- if ($[17] !== children || $[18] !== props$1) {
179
+ if ($[17] !== children || $[18] !== props$2) {
180
180
  t5 = /* @__PURE__ */ jsx(Dialog, {
181
- ...props$1,
181
+ ...props$2,
182
182
  ...t4,
183
183
  children
184
184
  });
185
185
  $[17] = children;
186
- $[18] = props$1;
186
+ $[18] = props$2;
187
187
  $[19] = t5;
188
188
  } else t5 = $[19];
189
189
  let t6;
@@ -263,11 +263,11 @@ function TreeLoadMore(t0) {
263
263
  let t1;
264
264
  let t2;
265
265
  if ($[0] !== t0) {
266
- const { label: t3, ...props$2 } = t0;
266
+ const { label: t3, ...props$1 } = t0;
267
267
  label = t3;
268
268
  T0 = TreeLoadMoreItem;
269
- t1 = props$2;
270
- t2 = mergeStatefulStyles(props(collectionStyles.loading), props$2);
269
+ t1 = props$1;
270
+ t2 = mergeStatefulStyles(props(collectionStyles.loading), props$1);
271
271
  $[0] = t0;
272
272
  $[1] = T0;
273
273
  $[2] = label;
@@ -314,12 +314,12 @@ function TreeSection$1(t0) {
314
314
  let t1;
315
315
  let t2;
316
316
  if ($[0] !== t0) {
317
- const { children: t3, header: t4, ...props$1 } = t0;
317
+ const { children: t3, header: t4, ...props$2 } = t0;
318
318
  children = t3;
319
319
  header = t4;
320
320
  T0 = TreeSection;
321
- t1 = props$1;
322
- t2 = mergeStyles(props(collectionStyles.section), props$1);
321
+ t1 = props$2;
322
+ t2 = mergeStyles(props(collectionStyles.section), props$2);
323
323
  $[0] = t0;
324
324
  $[1] = T0;
325
325
  $[2] = children;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kanso-labs/kanso-ui",
3
- "version": "0.40.6",
3
+ "version": "0.40.7",
4
4
  "description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
5
5
  "keywords": [
6
6
  "react",
@@ -84,7 +84,7 @@
84
84
  "@commitlint/cli": "21.2.3",
85
85
  "@commitlint/config-conventional": "21.2.3",
86
86
  "@eslint/js": "10.0.1",
87
- "@kanso-labs/unplugin-style-dictionary": "0.10.23",
87
+ "@kanso-labs/unplugin-style-dictionary": "0.10.24",
88
88
  "@microsoft/api-extractor": "7.59.4",
89
89
  "@rolldown/plugin-babel": "0.2.4",
90
90
  "@storybook/addon-a11y": "10.6.1",
@@ -115,15 +115,15 @@
115
115
  "lint-staged": "17.6.0",
116
116
  "oxfmt": "0.72.0",
117
117
  "oxlint": "1.87.0",
118
- "oxlint-tsgolint": "7.0.2003",
118
+ "oxlint-tsgolint": "7.0.2004",
119
119
  "playwright": "1.64.0",
120
120
  "publint": "0.3.25",
121
121
  "react": "19.3.0",
122
122
  "react-dom": "19.3.0",
123
123
  "rimraf": "6.1.3",
124
124
  "storybook": "10.6.1",
125
- "style-dictionary": "5.6.0",
126
- "tsdown": "0.23.0",
125
+ "style-dictionary": "5.6.1",
126
+ "tsdown": "0.23.1",
127
127
  "typescript": "6.0.3",
128
128
  "typescript-eslint": "8.71.1",
129
129
  "vite": "8.3.4",