@adsgency_npm/adsgency-ads-ui 0.1.0-alpha.15 → 0.1.0-alpha.16

package/dist/index.cjs

@@ -208,7 +208,8 @@ var adsDefaultMessages = {
       optional: "Optional"
     },
     select: {
-      clear: "Clear selection"
+      clear: "Clear selection",
+      noOptionsAvailable: "No options available"
     },
     toast: {
       notifications: "Notifications"
@@ -258,7 +259,8 @@ var adsDefaultMessages = {
       optional: "\u53EF\u9009"
     },
     select: {
-      clear: "\u6E05\u9664\u9009\u62E9"
+      clear: "\u6E05\u9664\u9009\u62E9",
+      noOptionsAvailable: "\u6682\u65E0\u53EF\u9009\u9879"
     },
     toast: {
       notifications: "\u901A\u77E5"
@@ -3465,6 +3467,7 @@ function AdsSelect({
   defaultValue,
   descriptionPlacement = "below",
   disabled,
+  emptyText,
   errorText,
   helperText,
   id,
@@ -3491,6 +3494,8 @@ function AdsSelect({
     id
   });
   const resolvedClearButtonLabel = clearButtonLabel ?? messages.select.clear;
+  const resolvedEmptyText = emptyText ?? messages.select.noOptionsAvailable;
+  const hasOptions = React36.Children.toArray(children).length > 0;
   const handleValueChange = React36.useCallback(
     (nextValue) => {
       if (!isControlled) {
@@ -3554,7 +3559,17 @@ function AdsSelect({
             SelectContent,
             {
               className: cn(selectContentBaseClassName, contentClassName3),
-              children
+              children: hasOptions ? children : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                "div",
+                {
+                  "aria-live": "polite",
+                  className: cn(
+                    "flex min-h-8 items-center justify-center px-3 py-2 text-sm",
+                    adsTextColorClassName.muted
+                  ),
+                  children: resolvedEmptyText
+                }
+              )
             }
           )
         ]