@ceed/ads 1.37.0-next.1 → 1.38.0-next.1

package/dist/index.cjs

@@ -3289,11 +3289,22 @@ function Select(props) {
     disabled,
     required,
     onChange,
+    // NOTE: id 를 FormControl 에 넘겨 htmlFor/labelId(`${id}-label`)를 결정론적으로 만든다.
+    // Joy FormControl context 가 FormLabel(id) ↔ Select button(aria-labelledby)을 자동 결선하므로,
+    // 외부에서 useId 로 라벨/버튼 ARIA 를 수동 결합할 필요가 없다.
+    id,
+    slotProps,
     // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
     sx,
     className,
     ...innerProps
   } = props;
+  const {
+    formControl: formControlProps,
+    formLabel: formLabelProps,
+    formHelperText: formHelperTextProps,
+    ...joySlotProps
+  } = slotProps ?? {};
   const options = (0, import_react23.useMemo)(
     () => props.options.map((option) => {
       if (option.hasOwnProperty("value") && option.hasOwnProperty("label")) {
@@ -3334,6 +3345,7 @@ function Select(props) {
       disabled,
       size,
       color: error ? "danger" : color,
+      slotProps: joySlotProps,
       onChange: handleChange,
       renderValue: (selected) => {
         if (!selected) return null;
@@ -3353,12 +3365,14 @@ function Select(props) {
       size,
       color,
       error,
+      id,
       sx,
-      className
+      className,
+      ...formControlProps
     },
-    label && /* @__PURE__ */ import_react23.default.createElement(FormLabel_default, null, label),
+    label && /* @__PURE__ */ import_react23.default.createElement(FormLabel_default, { ...formLabelProps }, label),
     select,
-    helperText && /* @__PURE__ */ import_react23.default.createElement(FormHelperText_default, null, helperText)
+    helperText && /* @__PURE__ */ import_react23.default.createElement(FormHelperText_default, { ...formHelperTextProps }, helperText)
   );
 }
 Select.displayName = "Select";
@@ -8604,11 +8618,10 @@ var defaultTheme = (0, import_joy73.extendTheme)({
         size: "sm"
       }
     },
-    JoyTabList: {
-      defaultProps: {
-        size: "sm"
-      }
-    },
+    // NOTE: TabList 는 size 를 직접 지정하지 않는다. Joy 의 TabList 는 theme defaultProps 가
+    // 부모 Tabs 의 context(SizeTabsContext)보다 우선하므로(`sizeProp != null ? sizeProp : tabsSize`),
+    // 여기서 sm 을 지정하면 <Tabs size="lg"> 처럼 부모에서 내려준 size 를 상속하지 못한다.
+    // JoyTabs 의 기본값 sm 이 context 로 전파되어 TabList 도 기본 sm 이 된다.
     JoyStepper: {
       defaultProps: {
         size: "sm"

package/dist/index.js

@@ -3166,11 +3166,22 @@ function Select(props) {
     disabled,
     required,
     onChange,
+    // NOTE: id 를 FormControl 에 넘겨 htmlFor/labelId(`${id}-label`)를 결정론적으로 만든다.
+    // Joy FormControl context 가 FormLabel(id) ↔ Select button(aria-labelledby)을 자동 결선하므로,
+    // 외부에서 useId 로 라벨/버튼 ARIA 를 수동 결합할 필요가 없다.
+    id,
+    slotProps,
     // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
     sx,
     className,
     ...innerProps
   } = props;
+  const {
+    formControl: formControlProps,
+    formLabel: formLabelProps,
+    formHelperText: formHelperTextProps,
+    ...joySlotProps
+  } = slotProps ?? {};
   const options = useMemo8(
     () => props.options.map((option) => {
       if (option.hasOwnProperty("value") && option.hasOwnProperty("label")) {
@@ -3211,6 +3222,7 @@ function Select(props) {
       disabled,
       size,
       color: error ? "danger" : color,
+      slotProps: joySlotProps,
       onChange: handleChange,
       renderValue: (selected) => {
         if (!selected) return null;
@@ -3230,12 +3242,14 @@ function Select(props) {
       size,
       color,
       error,
+      id,
       sx,
-      className
+      className,
+      ...formControlProps
     },
-    label && /* @__PURE__ */ React21.createElement(FormLabel_default, null, label),
+    label && /* @__PURE__ */ React21.createElement(FormLabel_default, { ...formLabelProps }, label),
     select,
-    helperText && /* @__PURE__ */ React21.createElement(FormHelperText_default, null, helperText)
+    helperText && /* @__PURE__ */ React21.createElement(FormHelperText_default, { ...formHelperTextProps }, helperText)
   );
 }
 Select.displayName = "Select";
@@ -8517,11 +8531,10 @@ var defaultTheme = extendTheme({
         size: "sm"
       }
     },
-    JoyTabList: {
-      defaultProps: {
-        size: "sm"
-      }
-    },
+    // NOTE: TabList 는 size 를 직접 지정하지 않는다. Joy 의 TabList 는 theme defaultProps 가
+    // 부모 Tabs 의 context(SizeTabsContext)보다 우선하므로(`sizeProp != null ? sizeProp : tabsSize`),
+    // 여기서 sm 을 지정하면 <Tabs size="lg"> 처럼 부모에서 내려준 size 를 상속하지 못한다.
+    // JoyTabs 의 기본값 sm 이 context 로 전파되어 TabList 도 기본 sm 이 된다.
     JoyStepper: {
       defaultProps: {
         size: "sm"