@godxjp/ui 9.2.0 → 10.0.0

package/dist/{chunk-G6Q32VHO.js → chunk-EQZP53KI.js}

@@ -1,13 +1,13 @@
 import { Slider } from './chunk-CRERCLIZ.js';
-import { formatBytes } from './chunk-4R7QL3MW.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-FVPCVZL3.js';
+import { formatBytes } from './chunk-X2VY4MOW.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-BG5RNXTH.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { controlIconClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-RLGHEV4A.js';
+import { useTranslation } from './chunk-HTG5VHU7.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React2 from 'react';
 import { Upload as Upload$1, ImagePlus, Camera, Trash2, RotateCcw, X } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 function UploadCropDialog({ open, onOpenChange, file, onConfirm }) {
   const { t } = useTranslation();
@@ -49,7 +49,10 @@ function UploadCropDialog({ open, onOpenChange, file, onConfirm }) {
     onOpenChange(false);
   };
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", children: [
-    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("dataEntry.upload.cropTitle") }) }),
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("dataEntry.upload.cropTitle") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t("dataEntry.upload.cropDescription") })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "ui-stack-sm", children: [
       /* @__PURE__ */ jsx(
         "div",
@@ -316,18 +319,24 @@ function Upload({
       accept,
       multiple: multiple && !isSingleAvatar,
       disabled,
+      "aria-label": t("dataEntry.upload.inputLabel"),
       onChange: (e) => {
         pickFiles(e.target.files);
         e.target.value = "";
       }
     }
   );
+  const uploadingCount = items.filter((it) => it.status === "uploading").length;
+  const doneCount = items.filter((it) => it.status === "done").length;
+  const errorCount = items.filter((it) => it.status === "error").length;
+  const liveRegion = /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", "data-slot": "upload-status", children: errorCount > 0 ? t("dataEntry.upload.statusFailed", { count: errorCount }) : uploadingCount > 0 ? t("dataEntry.upload.statusUploading", { count: uploadingCount }) : items.length > 0 ? t("dataEntry.upload.statusReady", { count: items.length, done: doneCount }) : "" });
   const openPicker = () => {
     if (!disabled) inputRef.current?.click();
   };
   if (variant === "dropzone") {
     return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm", className), children: [
       hiddenInput,
+      liveRegion,
       /* @__PURE__ */ jsxs(
         "div",
         {
@@ -370,6 +379,7 @@ function Upload({
   if (variant === "button") {
     return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm", className), children: [
       hiddenInput,
+      liveRegion,
       /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", disabled, onClick: openPicker, children: [
         /* @__PURE__ */ jsx(Upload$1, { className: "mr-2 size-4", "aria-hidden": "true" }),
         children ?? t("dataEntry.upload.buttonLabel")
@@ -381,6 +391,7 @@ function Upload({
     const canAdd = maxCount == null || items.length < maxCount;
     return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap gap-3", className), children: [
       hiddenInput,
+      liveRegion,
       items.map((item2) => /* @__PURE__ */ jsx(
         UploadPictureCard,
         {
@@ -413,6 +424,7 @@ function Upload({
     const item2 = draft.state.display;
     return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm max-w-xs", className), children: [
       hiddenInput,
+      liveRegion,
       item2?.previewUrl && !item2.pendingDelete ? /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-md border", children: [
         /* @__PURE__ */ jsx("img", { src: item2.previewUrl, alt: "", className: "max-h-48 w-full object-cover" }),
         item2.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "bg-background/70 absolute inset-0 flex items-center justify-center text-sm", children: t("dataEntry.upload.uploading") }),
@@ -437,6 +449,7 @@ function Upload({
   const showPlaceholder = !item?.previewUrl || item.pendingDelete;
   return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-sm items-start", className), children: [
     hiddenInput,
+    liveRegion,
     /* @__PURE__ */ jsx(
       UploadCropDialog,
       {
@@ -516,6 +529,7 @@ function UploadDraftActions({
   return null;
 }
 function UploadPictureCard({ item, onRemove }) {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "bg-muted relative size-24 overflow-hidden rounded-md border", children: [
     item.previewUrl ? /* @__PURE__ */ jsx("img", { src: item.previewUrl, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex size-full items-center justify-center text-xs", children: "\u2026" }),
     item.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "bg-background/70 absolute inset-0 flex items-center justify-center text-xs", children: "\u2026" }),
@@ -524,8 +538,8 @@ function UploadPictureCard({ item, onRemove }) {
       {
         type: "button",
         onClick: onRemove,
-        className: "bg-background/90 hover:bg-destructive hover:text-destructive-foreground absolute top-1 right-1 rounded-full p-0.5 shadow",
-        "aria-label": "Remove",
+        className: "bg-background/90 hover:bg-destructive hover:text-destructive-foreground absolute end-1 top-1 rounded-full p-0.5 shadow",
+        "aria-label": t("dataEntry.upload.removeImage"),
         children: /* @__PURE__ */ jsx(X, { className: "size-3.5", "aria-hidden": "true" })
       }
     )
@@ -535,6 +549,7 @@ function UploadFileList({
   items,
   onRemove
 }) {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsx("ul", { className: "ui-stack-xs", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 rounded-md border px-3 py-2 text-sm", children: [
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsx("div", { className: "truncate font-medium", children: item.name }),
@@ -552,7 +567,17 @@ function UploadFileList({
         ] })
       ] })
     ] }),
-    onRemove && /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => onRemove(item.uid), children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" }) })
+    onRemove && /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        variant: "ghost",
+        "aria-label": t("dataEntry.upload.removeFile", { name: item.name }),
+        onClick: () => onRemove(item.uid),
+        children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+      }
+    )
   ] }, item.uid)) });
 }
 

package/dist/{chunk-BHV2FUOA.js → chunk-EZHHJQWQ.js}

@@ -92,7 +92,7 @@ var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   {
     ref,
     "data-slot": "sheet-title",
-    className: cn("text-foreground text-lg font-semibold", className),
+    className: cn("text-foreground text-lg font-medium", className),
     ...props
   }
 ));

package/dist/{chunk-N3JPLJ3B.js → chunk-GDDCSKCB.js}

@@ -1,9 +1,9 @@
-import { Calendar } from './chunk-IOGU3ZWF.js';
+import { Calendar } from './chunk-DNGJHWJZ.js';
 import { Input } from './chunk-VOHTRR5X.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { useTranslation, usePickerLocales } from './chunk-RLGHEV4A.js';
-import { toIsoDate, parseDateInput } from './chunk-FXFJF4YA.js';
+import { useTranslation, usePickerLocales } from './chunk-HTG5VHU7.js';
+import { toIsoDate, parseDateInput } from './chunk-6CSBMMZS.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { CalendarIcon } from 'lucide-react';
@@ -11,7 +11,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var ISO_HINT = "yyyy-mm-dd";
 function DateRangePicker({
-  value,
+  value: valueProp,
+  defaultValue,
   onValueChange,
   placeholder,
   disabled,
@@ -25,6 +26,9 @@ function DateRangePicker({
   const { t } = useTranslation();
   const { dayPickerLocale } = usePickerLocales(localeProp);
   const [open, setOpen] = React.useState(false);
+  const isControlled = React.useRef(valueProp !== void 0).current;
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const value = isControlled ? valueProp : internalValue;
   const [fromText, setFromText] = React.useState(() => toIsoDate(value?.from));
   const [toText, setToText] = React.useState(() => toIsoDate(value?.to));
   React.useEffect(() => {
@@ -32,7 +36,10 @@ function DateRangePicker({
     setToText(toIsoDate(value?.to));
   }, [value?.from, value?.to]);
   const resolvedPlaceholder = placeholder ?? t("dataEntry.dateRangePicker.placeholder") ?? ISO_HINT;
-  const emit = (next) => onValueChange?.(next);
+  const emit = (next) => {
+    if (!isControlled) setInternalValue(next);
+    onValueChange?.(next);
+  };
   const commitEdge = (edge, raw) => {
     const parsed = raw.trim() === "" ? void 0 : parseDateInput(raw.trim()) ?? void 0;
     const next = { from: value?.from, to: value?.to, [edge]: parsed };

package/dist/{chunk-RLGHEV4A.js → chunk-HTG5VHU7.js}

@@ -1,4 +1,4 @@
-import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-FXFJF4YA.js';
+import { APP_TIME_FORMATS, isAppDateFormat, isAppTimeFormat, isAppLocale, translate, getDateFnsLocale, syncI18nLocale, syncDatetimeContext, disableLiveRelativeFormatting, enableLiveRelativeFormatting, getDayPickerLocale, APP_REQUEST_HEADER_DATE_FORMAT, APP_REQUEST_HEADER_TIME_FORMAT, resolveDefaultDateFormat } from './chunk-6CSBMMZS.js';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -211,6 +211,10 @@ function resetIanaTimezoneCacheForTests() {
   cachedAllTimezones = null;
   cachedTimezoneSet = null;
 }
+var RTL_LANGUAGE_SUBTAGS = /* @__PURE__ */ new Set(["ar", "he", "fa", "ur", "ps", "sd", "yi", "dv", "ckb"]);
+function localeDirection(locale) {
+  return RTL_LANGUAGE_SUBTAGS.has(locale.split("-")[0]?.toLowerCase() ?? "") ? "rtl" : "ltr";
+}
 var AppContext = React.createContext(null);
 function resolveInitialTimeFormat(stored, defaultTimeFormat, locale) {
   if (stored) return stored;
@@ -354,6 +358,11 @@ function AppProvider({
   React.useEffect(() => {
     syncAppRequestHeaders(requestHeaders);
   }, [requestHeaders]);
+  React.useEffect(() => {
+    if (typeof document !== "undefined") {
+      document.documentElement.dir = localeDirection(locale);
+    }
+  }, [locale]);
   React.useEffect(() => {
     hasMountedRef.current = true;
     enableLiveRelativeFormatting();

package/dist/{chunk-R2W2FX5Q.js → chunk-I7NQ2LIL.js}

@@ -4,15 +4,7 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var Switch = React.forwardRef(
-  ({
-    className,
-    size = "default",
-    name,
-    checked,
-    defaultChecked = false,
-    onCheckedChange,
-    ...props
-  }, ref) => {
+  ({ className, size = "md", name, checked, defaultChecked = false, onCheckedChange, ...props }, ref) => {
     const [internalChecked, setInternalChecked] = React.useState(defaultChecked);
     const isControlled = checked !== void 0;
     const isChecked = isControlled ? checked : internalChecked;

package/dist/{chunk-XQMPK4GM.js → chunk-IHRMOJXD.js}

@@ -319,22 +319,7 @@ var VOCABULARY_REGISTRY = {
 };
 var COMPONENT_PROP_REGISTRY = {
   AppProviderProp: { group: "app", file: "components/app.prop.ts", vocabulary: ["ChildrenProp"] },
-  LocalePickerProp: {
-    group: "app",
-    file: "components/app.prop.ts",
-    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"]
-  },
-  TimezonePickerProp: {
-    group: "app",
-    file: "components/app.prop.ts",
-    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"]
-  },
-  TimeFormatPickerProp: {
-    group: "app",
-    file: "components/app.prop.ts",
-    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"]
-  },
-  DateFormatPickerProp: {
+  AppSettingPickerProp: {
     group: "app",
     file: "components/app.prop.ts",
     vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"]
@@ -480,26 +465,6 @@ var COMPONENT_PROP_REGISTRY = {
     file: "components/data-entry.prop.ts",
     vocabulary: ["IdProp", "LabelProp", "DescriptionProp", "ClassNameProp", "ChildrenProp"]
   },
-  ChoiceFieldProp: {
-    group: "data-entry",
-    file: "components/data-entry.prop.ts",
-    vocabulary: ["IdProp", "LabelProp", "ClassNameProp"]
-  },
-  CountryOptionProp: {
-    group: "data-entry",
-    file: "components/data-entry.prop.ts",
-    vocabulary: ["LabelProp", "ValueProp"]
-  },
-  CountryOptionLabelProp: {
-    group: "data-entry",
-    file: "components/data-entry.prop.ts",
-    vocabulary: ["ClassNameProp"]
-  },
-  CountrySelectProp: {
-    group: "data-entry",
-    file: "components/data-entry.prop.ts",
-    vocabulary: ["IdProp", "NameProp", "DefaultValueProp", "RequiredProp", "PlaceholderProp"]
-  },
   SliderProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
@@ -817,17 +782,17 @@ var COMPONENT_PROP_REGISTRY = {
   PaginationProp: {
     group: "navigation",
     file: "components/navigation.prop.ts",
-    vocabulary: ["DisabledProp", "ClassNameProp"]
+    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "ClassNameProp"]
   },
   StepsProp: {
     group: "navigation",
     file: "components/navigation.prop.ts",
-    vocabulary: ["SizeProp", "OnValueChangeProp", "ClassNameProp"]
+    vocabulary: ["ValueProp", "DefaultValueProp", "SizeProp", "OnValueChangeProp", "ClassNameProp"]
   },
   StepItemProp: {
     group: "navigation",
     file: "components/navigation.prop.ts",
-    vocabulary: ["TitleProp", "DescriptionProp", "IconProp", "DisabledProp"]
+    vocabulary: ["TitleProp", "SubtitleProp", "DescriptionProp", "IconProp", "DisabledProp"]
   },
   StepStatusProp: { group: "navigation", file: "components/navigation.prop.ts", vocabulary: [] },
   TabsProp: {
@@ -869,6 +834,88 @@ var COMPONENT_PROP_REGISTRY = {
     group: "form",
     file: "components/form.prop.ts",
     vocabulary: ["ZodSchemaProp"]
+  },
+  // Component-declared prop types (XProps in src/components/**) — registered here so the
+  // prop-vocabulary guard governs them too (their fields are mostly Radix/native passthroughs).
+  ToggleProp: {
+    group: "data-entry",
+    file: "components/ui/toggle.tsx",
+    vocabulary: ["SizeProp", "ClassNameProp"]
+  },
+  RatingProp: {
+    group: "data-entry",
+    file: "components/ui/rating.tsx",
+    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "ClassNameProp"]
+  },
+  TagInputProp: {
+    group: "data-entry",
+    file: "components/ui/tag-input.tsx",
+    vocabulary: ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "IdProp", "ClassNameProp"]
+  },
+  PasswordInputProp: {
+    group: "data-entry",
+    file: "components/ui/password-input.tsx",
+    vocabulary: ["ClassNameProp"]
+  },
+  PasswordStrengthProp: {
+    group: "data-entry",
+    file: "components/data-entry/password-strength.tsx",
+    vocabulary: ["ValueProp", "ClassNameProp"]
+  },
+  ProgressProp: {
+    group: "data-display",
+    file: "components/data-display/progress.tsx",
+    vocabulary: ["ValueProp", "LabelProp", "ClassNameProp"]
+  },
+  TimelineProp: {
+    group: "data-display",
+    file: "components/data-display/timeline.tsx",
+    vocabulary: ["ClassNameProp"]
+  },
+  TreeListProp: {
+    group: "data-display",
+    file: "components/data-display/tree-list.tsx",
+    vocabulary: ["ClassNameProp"]
+  },
+  CardProp: {
+    group: "data-display",
+    file: "components/data-display/card.tsx",
+    vocabulary: ["ToneProp", "ClassNameProp", "ChildrenProp"]
+  },
+  CardCoverProp: {
+    group: "data-display",
+    file: "components/data-display/card.tsx",
+    vocabulary: ["ClassNameProp", "ChildrenProp"]
+  },
+  CardHeaderProp: {
+    group: "data-display",
+    file: "components/data-display/card.tsx",
+    vocabulary: ["TitleProp", "DescriptionProp", "ClassNameProp", "ChildrenProp"]
+  },
+  CardContentProp: {
+    group: "data-display",
+    file: "components/data-display/card.tsx",
+    vocabulary: ["ClassNameProp", "ChildrenProp"]
+  },
+  CardFooterProp: {
+    group: "data-display",
+    file: "components/data-display/card.tsx",
+    vocabulary: ["ClassNameProp", "ChildrenProp"]
+  },
+  StatCardProp: {
+    group: "data-display",
+    file: "components/data-display/card.tsx",
+    vocabulary: ["TitleProp", "ToneProp", "ClassNameProp"]
+  },
+  ResponsiveGridProp: {
+    group: "layout",
+    file: "components/layout/responsive-grid.tsx",
+    vocabulary: ["GapProp", "ClassNameProp", "ChildrenProp"]
+  },
+  SplitPaneProp: {
+    group: "layout",
+    file: "components/layout/split-pane.tsx",
+    vocabulary: ["ClassNameProp", "ChildrenProp"]
   }
 };
 var PROP_ALIASES_FORBIDDEN = {

package/dist/{chunk-TILFZBTE.js → chunk-INIIF7F7.js}

@@ -43,8 +43,5 @@ function Flex({
     }
   );
 }
-function Inline({ gap = "sm", ...props }) {
-  return /* @__PURE__ */ jsx(Flex, { direction: "row", wrap: true, gap, align: "center", ...props });
-}
 
-export { Flex, Inline, densityClass, pageContainerVariantClass };
+export { Flex, densityClass, pageContainerVariantClass };

package/dist/{chunk-UIYEAUWA.js → chunk-IY347EQA.js}

@@ -1,5 +1,5 @@
 import { toneNeutralClass, toneMutedClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-IBK5D2Q6.js';
-import { useTranslation } from './chunk-RLGHEV4A.js';
+import { useTranslation } from './chunk-HTG5VHU7.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { cva } from 'class-variance-authority';
 import { XCircle, Pause, CheckCircle2, Circle, Trash2, AlertCircle, Clock, Play } from 'lucide-react';
@@ -29,7 +29,7 @@ var STATUS_MAP = {
   ASSIGNMENT_STATUS_TERMINATED: { tone: "destructive", icon: XCircle }
 };
 var badgeVariants = cva(
-  "inline-flex items-center border text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
+  "inline-flex items-center border text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
   {
     variants: {
       variant: {

package/dist/{chunk-HCM4JAC2.js → chunk-JWGLJXQU.js}

@@ -1,3 +1,4 @@
+import { useTranslation } from './chunk-HTG5VHU7.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';
@@ -13,6 +14,7 @@ var useCarousel = () => {
   return context;
 };
 var Carousel = React.forwardRef(({ className, opts, plugins, setApi, children, ...props }, ref) => {
+  const { t } = useTranslation();
   const [emblaRef, api] = useEmblaCarousel(opts, plugins);
   const [canScrollPrev, setCanScrollPrev] = React.useState(false);
   const [canScrollNext, setCanScrollNext] = React.useState(false);
@@ -62,21 +64,43 @@ var Carousel = React.forwardRef(({ className, opts, plugins, setApi, children, .
       "data-slot": "carousel",
       className: cn("ui-carousel", className),
       "data-orientation": opts?.axis === "y" ? "vertical" : "horizontal",
+      role: "region",
+      "aria-roledescription": t("dataDisplay.carousel.roleDescription"),
+      "aria-label": t("dataDisplay.carousel.ariaLabel"),
       ...props,
       children: /* @__PURE__ */ jsx("div", { className: "ui-carousel-viewport", ref: emblaRef, children })
     }
   ) });
 });
 Carousel.displayName = "Carousel";
-var CarouselContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    "data-slot": "carousel-content",
-    className: cn("ui-carousel-content", className),
-    ...props
-  }
-));
+var CarouselContent = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { t } = useTranslation();
+  const items = React.Children.toArray(children).filter(React.isValidElement);
+  const total = items.length;
+  const decorated = React.Children.map(children, (child) => {
+    if (!React.isValidElement(child)) return child;
+    const index = items.indexOf(child);
+    if (index === -1) return child;
+    const childProps = child.props;
+    if (childProps["aria-label"] != null) return child;
+    return React.cloneElement(child, {
+      "aria-label": t("dataDisplay.carousel.slideLabel", {
+        index: index + 1,
+        total
+      })
+    });
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "carousel-content",
+      className: cn("ui-carousel-content", className),
+      ...props,
+      children: decorated
+    }
+  );
+});
 CarouselContent.displayName = "CarouselContent";
 var CarouselItem = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
@@ -84,6 +108,8 @@ var CarouselItem = React.forwardRef(
     {
       ref,
       "data-slot": "carousel-item",
+      role: "group",
+      "aria-roledescription": "slide",
       className: cn("ui-carousel-item", className),
       ...props
     }
@@ -91,6 +117,7 @@ var CarouselItem = React.forwardRef(
 );
 CarouselItem.displayName = "CarouselItem";
 var CarouselPrevious = React.forwardRef(({ className, ...props }, ref) => {
+  const { t } = useTranslation();
   const { canScrollPrev, scrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs(
     "button",
@@ -104,13 +131,14 @@ var CarouselPrevious = React.forwardRef(({ className, ...props }, ref) => {
       ...props,
       children: [
         /* @__PURE__ */ jsx(ChevronLeft, { className: "ui-carousel-arrow", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous" })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dataDisplay.carousel.previous") })
       ]
     }
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
 var CarouselNext = React.forwardRef(({ className, ...props }, ref) => {
+  const { t } = useTranslation();
   const { canScrollNext, scrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs(
     "button",
@@ -124,7 +152,7 @@ var CarouselNext = React.forwardRef(({ className, ...props }, ref) => {
       ...props,
       children: [
         /* @__PURE__ */ jsx(ChevronRight, { className: "ui-carousel-arrow", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next" })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dataDisplay.carousel.next") })
       ]
     }
   );

package/dist/{chunk-TO33OY4L.js → chunk-LMKUKCTN.js}

@@ -57,7 +57,7 @@ var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) =
     ref,
     "data-slot": "dropdown-menu-label",
     "data-inset": inset,
-    className: cn("px-2 py-1.5 text-sm font-semibold data-[inset=true]:ps-8", className),
+    className: cn("px-2 py-1.5 text-sm font-medium data-[inset=true]:ps-8", className),
     ...props
   }
 ));