@aster-ui/prefixed 0.12.50

package/dist/components/Carousel.js

@@ -0,0 +1,205 @@
+import { jsxs as P, jsx as i, Fragment as ae } from "react/jsx-runtime";
+import { forwardRef as L, useState as I, useRef as R, Children as re, isValidElement as ne, useCallback as y, useImperativeHandle as ie, useEffect as ce, cloneElement as ue } from "react";
+const de = "d-carousel", fe = "d-carousel-vertical", me = "d-carousel-item", be = "d-btn", pe = "d-btn-circle", he = "d-btn-sm", T = L(
+  ({ children: $, className: b = "", "data-testid": g, ...c }, p) => /* @__PURE__ */ i(
+    "div",
+    {
+      ref: p,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: `${me} w-full flex-shrink-0 ${b}`,
+      "data-testid": g,
+      ...c,
+      children: $
+    }
+  )
+);
+T.displayName = "Carousel.Item";
+const z = L(
+  ({
+    children: $,
+    activeIndex: b,
+    defaultActiveIndex: g = 0,
+    autoplay: c = !1,
+    autoplaySpeed: p = 3e3,
+    speed: h = 500,
+    arrows: K = !0,
+    dots: d = !0,
+    dotPlacement: V = "bottom",
+    effect: w = "scrollx",
+    infinite: v = !0,
+    pauseOnHover: D = !0,
+    vertical: a = !1,
+    beforeChange: S,
+    afterChange: C,
+    className: F = "",
+    "data-testid": r,
+    ...G
+  }, U) => {
+    const x = b !== void 0, [X, Y] = I(g), o = x ? b : X, [A, E] = I(!1), [M, j] = I(!1), _ = R(null), k = R(null), N = re.toArray($).filter(ne), s = N.length, u = y(
+      (e, t = !0) => {
+        if (M || s === 0) return;
+        let l = e;
+        v ? l = (e % s + s) % s : l = Math.max(0, Math.min(e, s - 1)), l !== o && (S?.(o, l), t ? (j(!0), setTimeout(() => {
+          j(!1), C?.(l);
+        }, h)) : C?.(l), x || Y(l));
+      },
+      [o, s, v, x, S, C, h, M]
+    ), n = y(() => {
+      u(o + 1);
+    }, [u, o]), f = y(() => {
+      u(o - 1);
+    }, [u, o]);
+    ie(U, () => ({
+      goTo: (e, t = !0) => u(e, t),
+      next: n,
+      prev: f
+    })), ce(() => (c && !A && s > 1 && (k.current = setInterval(() => {
+      n();
+    }, p)), () => {
+      k.current && clearInterval(k.current);
+    }), [c, A, p, n, s]);
+    const q = y(
+      (e) => {
+        a ? e.key === "ArrowUp" ? (e.preventDefault(), f()) : e.key === "ArrowDown" && (e.preventDefault(), n()) : e.key === "ArrowLeft" ? (e.preventDefault(), f()) : e.key === "ArrowRight" && (e.preventDefault(), n());
+      },
+      [a, f, n]
+    ), H = () => {
+      D && c && E(!0);
+    }, J = () => {
+      D && c && E(!1);
+    }, Q = [
+      de,
+      a ? fe : "",
+      F
+    ].filter(Boolean).join(" "), W = (e) => w === "fade" ? {
+      position: e === 0 ? "relative" : "absolute",
+      top: 0,
+      left: 0,
+      opacity: e === o ? 1 : 0,
+      transition: `opacity ${h}ms ease-in-out`,
+      zIndex: e === o ? 1 : 0
+    } : {}, Z = w === "scrollx" ? {
+      display: "flex",
+      flexDirection: a ? "column" : "row",
+      transform: a ? `translateY(-${o * 100}%)` : `translateX(-${o * 100}%)`,
+      transition: `transform ${h}ms ease-in-out`,
+      height: a ? "100%" : void 0
+    } : {
+      position: "relative",
+      width: "100%",
+      height: "100%"
+    }, O = () => a ? { height: "100%", flexShrink: 0 } : {}, ee = {
+      top: "top-2 left-1/2 -translate-x-1/2 flex-row",
+      bottom: "bottom-2 left-1/2 -translate-x-1/2 flex-row",
+      start: "left-2 top-1/2 -translate-y-1/2 flex-col",
+      end: "right-2 top-1/2 -translate-y-1/2 flex-col"
+    }, te = d === !0 || typeof d == "object" && d !== null, oe = typeof d == "object" ? d.className : "", B = ({
+      direction: e,
+      onClick: t,
+      disabled: l
+    }) => {
+      const m = e === "prev", se = a ? m ? "top-2 left-1/2 -translate-x-1/2" : "bottom-2 left-1/2 -translate-x-1/2" : m ? "left-2 top-1/2 -translate-y-1/2" : "right-2 top-1/2 -translate-y-1/2", le = a ? m ? "▲" : "▼" : m ? "❮" : "❯";
+      return /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          onClick: t,
+          disabled: l,
+          "aria-label": m ? "Previous slide" : "Next slide",
+          className: `absolute ${se} ${be} ${pe} ${he} bg-base-100/80 hover:bg-base-100 border-none shadow-md z-10 disabled:opacity-50 disabled:cursor-not-allowed`,
+          "data-testid": r ? `${r}-${e}` : void 0,
+          children: le
+        }
+      );
+    };
+    return /* @__PURE__ */ P(
+      "div",
+      {
+        ref: _,
+        role: "region",
+        "aria-roledescription": "carousel",
+        "aria-label": "Image carousel",
+        tabIndex: 0,
+        onKeyDown: q,
+        onMouseEnter: H,
+        onMouseLeave: J,
+        className: `relative overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-primary ${Q}`,
+        "data-testid": r,
+        "data-active-index": o,
+        ...G,
+        children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: w === "fade" ? "relative w-full h-full" : a ? "h-full" : "",
+              style: Z,
+              "aria-live": "polite",
+              children: N.map((e, t) => {
+                const l = e;
+                return ue(l, {
+                  key: t,
+                  "aria-hidden": t !== o,
+                  "aria-label": `Slide ${t + 1} of ${s}`,
+                  style: {
+                    ...l.props.style,
+                    ...O(),
+                    ...W(t)
+                  },
+                  "data-testid": r ? `${r}-slide-${t}` : void 0
+                });
+              })
+            }
+          ),
+          K && s > 1 && /* @__PURE__ */ P(ae, { children: [
+            /* @__PURE__ */ i(
+              B,
+              {
+                direction: "prev",
+                onClick: f,
+                disabled: !v && o === 0
+              }
+            ),
+            /* @__PURE__ */ i(
+              B,
+              {
+                direction: "next",
+                onClick: n,
+                disabled: !v && o === s - 1
+              }
+            )
+          ] }),
+          te && s > 1 && /* @__PURE__ */ i(
+            "div",
+            {
+              className: `absolute flex gap-2 ${ee[V]} ${oe || ""}`,
+              role: "tablist",
+              "aria-label": "Slide indicators",
+              "data-testid": r ? `${r}-dots` : void 0,
+              children: N.map((e, t) => /* @__PURE__ */ i(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": t === o,
+                  "aria-label": `Go to slide ${t + 1}`,
+                  onClick: () => u(t),
+                  className: `w-2 h-2 rounded-full transition-all ${t === o ? "bg-primary w-4" : "bg-base-content/30 hover:bg-base-content/50"}`,
+                  "data-testid": r ? `${r}-dot-${t}` : void 0
+                },
+                t
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+z.displayName = "Carousel";
+const ve = z;
+ve.Item = T;
+export {
+  ve as Carousel
+};
+//# sourceMappingURL=Carousel.js.map

package/dist/components/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../src/components/Carousel.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  Children,\n  cloneElement,\n  isValidElement,\n} from 'react'\n\n// DaisyUI classes\nconst dCarousel = 'd-carousel'\nconst dCarouselVertical = 'd-carousel-vertical'\nconst dCarouselItem = 'd-carousel-item'\nconst dBtn = 'd-btn'\nconst dBtnCircle = 'd-btn-circle'\nconst dBtnSm = 'd-btn-sm'\n\nexport type CarouselEffect = 'scrollx' | 'fade'\nexport type CarouselDotPlacement = 'top' | 'bottom' | 'start' | 'end'\n\nexport interface CarouselRef {\n  goTo: (index: number, animate?: boolean) => void\n  next: () => void\n  prev: () => void\n}\n\nexport interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  'data-testid'?: string\n  children: React.ReactNode\n}\n\nconst CarouselItemComponent = forwardRef<HTMLDivElement, CarouselItemProps>(\n  ({ children, className = '', 'data-testid': testId, ...rest }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        className={`${dCarouselItem} w-full flex-shrink-0 ${className}`}\n        data-testid={testId}\n        {...rest}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n\nCarouselItemComponent.displayName = 'Carousel.Item'\n\nexport interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Carousel slides */\n  children: React.ReactNode\n  /** Current slide index (controlled mode) */\n  activeIndex?: number\n  /** Default slide index (uncontrolled mode) */\n  defaultActiveIndex?: number\n  /** Auto-advance slides */\n  autoplay?: boolean\n  /** Autoplay interval in milliseconds */\n  autoplaySpeed?: number\n  /** Animation duration in milliseconds */\n  speed?: number\n  /** Show prev/next navigation arrows */\n  arrows?: boolean\n  /** Show slide indicator dots */\n  dots?: boolean | { className?: string }\n  /** Position of indicator dots */\n  dotPlacement?: CarouselDotPlacement\n  /** Transition effect */\n  effect?: CarouselEffect\n  /** Enable infinite looping */\n  infinite?: boolean\n  /** Pause autoplay on hover */\n  pauseOnHover?: boolean\n  /** Vertical carousel orientation */\n  vertical?: boolean\n  /** Callback before slide change */\n  beforeChange?: (current: number, next: number) => void\n  /** Callback after slide change */\n  afterChange?: (current: number) => void\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nconst CarouselComponent = forwardRef<CarouselRef, CarouselProps>(\n  (\n    {\n      children,\n      activeIndex: controlledIndex,\n      defaultActiveIndex = 0,\n      autoplay = false,\n      autoplaySpeed = 3000,\n      speed = 500,\n      arrows = true,\n      dots = true,\n      dotPlacement = 'bottom',\n      effect = 'scrollx',\n      infinite = true,\n      pauseOnHover = true,\n      vertical = false,\n      beforeChange,\n      afterChange,\n      className = '',\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const isControlled = controlledIndex !== undefined\n    const [internalIndex, setInternalIndex] = useState(defaultActiveIndex)\n    const currentIndex = isControlled ? controlledIndex : internalIndex\n\n    const [isPaused, setIsPaused] = useState(false)\n    const [isAnimating, setIsAnimating] = useState(false)\n    const containerRef = useRef<HTMLDivElement>(null)\n    const autoplayRef = useRef<NodeJS.Timeout | null>(null)\n\n    const slides = Children.toArray(children).filter(isValidElement)\n    const slideCount = slides.length\n\n    const goTo = useCallback(\n      (index: number, animate = true) => {\n        if (isAnimating || slideCount === 0) return\n\n        let targetIndex = index\n        if (infinite) {\n          targetIndex = ((index % slideCount) + slideCount) % slideCount\n        } else {\n          targetIndex = Math.max(0, Math.min(index, slideCount - 1))\n        }\n\n        if (targetIndex === currentIndex) return\n\n        beforeChange?.(currentIndex, targetIndex)\n\n        if (animate) {\n          setIsAnimating(true)\n          setTimeout(() => {\n            setIsAnimating(false)\n            afterChange?.(targetIndex)\n          }, speed)\n        } else {\n          afterChange?.(targetIndex)\n        }\n\n        if (!isControlled) {\n          setInternalIndex(targetIndex)\n        }\n      },\n      [currentIndex, slideCount, infinite, isControlled, beforeChange, afterChange, speed, isAnimating]\n    )\n\n    const next = useCallback(() => {\n      goTo(currentIndex + 1)\n    }, [goTo, currentIndex])\n\n    const prev = useCallback(() => {\n      goTo(currentIndex - 1)\n    }, [goTo, currentIndex])\n\n    // Expose methods via ref\n    useImperativeHandle(ref, () => ({\n      goTo: (index: number, animate = true) => goTo(index, animate),\n      next,\n      prev,\n    }))\n\n    // Autoplay\n    useEffect(() => {\n      if (autoplay && !isPaused && slideCount > 1) {\n        autoplayRef.current = setInterval(() => {\n          next()\n        }, autoplaySpeed)\n      }\n\n      return () => {\n        if (autoplayRef.current) {\n          clearInterval(autoplayRef.current)\n        }\n      }\n    }, [autoplay, isPaused, autoplaySpeed, next, slideCount])\n\n    // Keyboard navigation\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (vertical) {\n          if (e.key === 'ArrowUp') {\n            e.preventDefault()\n            prev()\n          } else if (e.key === 'ArrowDown') {\n            e.preventDefault()\n            next()\n          }\n        } else {\n          if (e.key === 'ArrowLeft') {\n            e.preventDefault()\n            prev()\n          } else if (e.key === 'ArrowRight') {\n            e.preventDefault()\n            next()\n          }\n        }\n      },\n      [vertical, prev, next]\n    )\n\n    const handleMouseEnter = () => {\n      if (pauseOnHover && autoplay) {\n        setIsPaused(true)\n      }\n    }\n\n    const handleMouseLeave = () => {\n      if (pauseOnHover && autoplay) {\n        setIsPaused(false)\n      }\n    }\n\n    // Build carousel classes\n    const carouselClasses = [\n      dCarousel,\n      vertical ? dCarouselVertical : '',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Slide transform/opacity based on effect\n    const getSlideStyle = (index: number): React.CSSProperties => {\n      if (effect === 'fade') {\n        return {\n          position: index === 0 ? 'relative' : 'absolute',\n          top: 0,\n          left: 0,\n          opacity: index === currentIndex ? 1 : 0,\n          transition: `opacity ${speed}ms ease-in-out`,\n          zIndex: index === currentIndex ? 1 : 0,\n        }\n      }\n      return {}\n    }\n\n    // Container style for scrollx effect\n    const trackStyle: React.CSSProperties =\n      effect === 'scrollx'\n        ? {\n            display: 'flex',\n            flexDirection: vertical ? 'column' : 'row',\n            transform: vertical\n              ? `translateY(-${currentIndex * 100}%)`\n              : `translateX(-${currentIndex * 100}%)`,\n            transition: `transform ${speed}ms ease-in-out`,\n            height: vertical ? '100%' : undefined,\n          }\n        : {\n            position: 'relative',\n            width: '100%',\n            height: '100%',\n          }\n\n    // Slide style - ensure proper sizing for vertical/horizontal\n    const getSlideContainerStyle = (): React.CSSProperties => {\n      if (vertical) {\n        return { height: '100%', flexShrink: 0 }\n      }\n      return {}\n    }\n\n    // Dots placement classes\n    const dotsPlacementClasses: Record<CarouselDotPlacement, string> = {\n      top: 'top-2 left-1/2 -translate-x-1/2 flex-row',\n      bottom: 'bottom-2 left-1/2 -translate-x-1/2 flex-row',\n      start: 'left-2 top-1/2 -translate-y-1/2 flex-col',\n      end: 'right-2 top-1/2 -translate-y-1/2 flex-col',\n    }\n\n    const showDots = dots === true || (typeof dots === 'object' && dots !== null)\n    const dotsClassName = typeof dots === 'object' ? dots.className : ''\n\n    // Arrow buttons\n    const ArrowButton = ({\n      direction,\n      onClick,\n      disabled,\n    }: {\n      direction: 'prev' | 'next'\n      onClick: () => void\n      disabled: boolean\n    }) => {\n      const isPrev = direction === 'prev'\n      const positionClass = vertical\n        ? isPrev\n          ? 'top-2 left-1/2 -translate-x-1/2'\n          : 'bottom-2 left-1/2 -translate-x-1/2'\n        : isPrev\n          ? 'left-2 top-1/2 -translate-y-1/2'\n          : 'right-2 top-1/2 -translate-y-1/2'\n\n      const arrowIcon = vertical\n        ? isPrev\n          ? '▲'\n          : '▼'\n        : isPrev\n          ? '❮'\n          : '❯'\n\n      return (\n        <button\n          type=\"button\"\n          onClick={onClick}\n          disabled={disabled}\n          aria-label={isPrev ? 'Previous slide' : 'Next slide'}\n          className={`absolute ${positionClass} ${dBtn} ${dBtnCircle} ${dBtnSm} bg-base-100/80 hover:bg-base-100 border-none shadow-md z-10 disabled:opacity-50 disabled:cursor-not-allowed`}\n          data-testid={testId ? `${testId}-${direction}` : undefined}\n        >\n          {arrowIcon}\n        </button>\n      )\n    }\n\n    return (\n      <div\n        ref={containerRef}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        aria-label=\"Image carousel\"\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        className={`relative overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-primary ${carouselClasses}`}\n        data-testid={testId}\n        data-active-index={currentIndex}\n        {...rest}\n      >\n        {/* Slides track */}\n        <div\n          className={effect === 'fade' ? 'relative w-full h-full' : vertical ? 'h-full' : ''}\n          style={trackStyle}\n          aria-live=\"polite\"\n        >\n          {slides.map((slide, index) => {\n            const slideElement = slide as React.ReactElement<CarouselItemProps & { style?: React.CSSProperties }>\n            return cloneElement(slideElement, {\n              key: index,\n              'aria-hidden': index !== currentIndex,\n              'aria-label': `Slide ${index + 1} of ${slideCount}`,\n              style: {\n                ...slideElement.props.style,\n                ...getSlideContainerStyle(),\n                ...getSlideStyle(index),\n              },\n              'data-testid': testId ? `${testId}-slide-${index}` : undefined,\n            })\n          })}\n        </div>\n\n        {/* Navigation arrows */}\n        {arrows && slideCount > 1 && (\n          <>\n            <ArrowButton\n              direction=\"prev\"\n              onClick={prev}\n              disabled={!infinite && currentIndex === 0}\n            />\n            <ArrowButton\n              direction=\"next\"\n              onClick={next}\n              disabled={!infinite && currentIndex === slideCount - 1}\n            />\n          </>\n        )}\n\n        {/* Dot indicators */}\n        {showDots && slideCount > 1 && (\n          <div\n            className={`absolute flex gap-2 ${dotsPlacementClasses[dotPlacement]} ${dotsClassName || ''}`}\n            role=\"tablist\"\n            aria-label=\"Slide indicators\"\n            data-testid={testId ? `${testId}-dots` : undefined}\n          >\n            {slides.map((_, index) => (\n              <button\n                key={index}\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={index === currentIndex}\n                aria-label={`Go to slide ${index + 1}`}\n                onClick={() => goTo(index)}\n                className={`w-2 h-2 rounded-full transition-all ${\n                  index === currentIndex\n                    ? 'bg-primary w-4'\n                    : 'bg-base-content/30 hover:bg-base-content/50'\n                }`}\n                data-testid={testId ? `${testId}-dot-${index}` : undefined}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nCarouselComponent.displayName = 'Carousel'\n\n// Compound component type\ntype CarouselType = typeof CarouselComponent & {\n  Item: typeof CarouselItemComponent\n}\n\nexport const Carousel = CarouselComponent as CarouselType\nCarousel.Item = CarouselItemComponent\n"],"names":["dCarousel","dCarouselVertical","dCarouselItem","dBtn","dBtnCircle","dBtnSm","CarouselItemComponent","forwardRef","children","className","testId","rest","ref","jsx","CarouselComponent","controlledIndex","defaultActiveIndex","autoplay","autoplaySpeed","speed","arrows","dots","dotPlacement","effect","infinite","pauseOnHover","vertical","beforeChange","afterChange","isControlled","internalIndex","setInternalIndex","useState","currentIndex","isPaused","setIsPaused","isAnimating","setIsAnimating","containerRef","useRef","autoplayRef","slides","Children","isValidElement","slideCount","goTo","useCallback","index","animate","targetIndex","next","prev","useImperativeHandle","useEffect","handleKeyDown","handleMouseEnter","handleMouseLeave","carouselClasses","getSlideStyle","trackStyle","getSlideContainerStyle","dotsPlacementClasses","showDots","dotsClassName","ArrowButton","direction","onClick","disabled","isPrev","positionClass","arrowIcon","jsxs","slide","slideElement","cloneElement","Fragment","_","Carousel"],"mappings":"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"}

package/dist/components/Cascader.d.ts

@@ -0,0 +1,71 @@
+import { default as React } from 'react';
+export interface CascaderOption {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    children?: CascaderOption[];
+    isLeaf?: boolean;
+}
+export type CascaderColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type CascaderSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Hierarchical options data */
+    options: CascaderOption[];
+    /** Controlled selected value path */
+    value?: string[];
+    /** Default selected value path (uncontrolled) */
+    defaultValue?: string[];
+    /** Callback when selection changes */
+    onChange?: (value: string[], selectedOptions: CascaderOption[]) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disable the cascader */
+    disabled?: boolean;
+    /** Show clear button */
+    allowClear?: boolean;
+    /** How to expand sub-menus */
+    expandTrigger?: 'click' | 'hover';
+    /** Allow selection of any level, not just leaf nodes */
+    changeOnSelect?: boolean;
+    /** Custom display render function */
+    displayRender?: (labels: React.ReactNode[], selectedOptions: CascaderOption[]) => React.ReactNode;
+    /** Input size */
+    size?: CascaderSize;
+    /** Focus ring color */
+    color?: CascaderColor;
+    /** Validation status */
+    status?: 'error' | 'warning';
+    /** Enable search/filter functionality */
+    showSearch?: boolean | {
+        filter?: (inputValue: string, path: CascaderOption[]) => boolean;
+        render?: (inputValue: string, path: CascaderOption[]) => React.ReactNode;
+        matchInputWidth?: boolean;
+    };
+    /** Content when no results found */
+    notFoundContent?: React.ReactNode;
+    /** Async data loading function */
+    loadData?: (selectedOptions: CascaderOption[]) => Promise<void>;
+    /** Custom field names for data mapping */
+    fieldNames?: {
+        label?: string;
+        value?: string;
+        children?: string;
+    };
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when dropdown visibility changes */
+    onDropdownVisibleChange?: (open: boolean) => void;
+    /** Class name for dropdown */
+    popupClassName?: string;
+    /** Custom dropdown render wrapper */
+    dropdownRender?: (menu: React.ReactNode) => React.ReactNode;
+    /** Multiple selection mode */
+    multiple?: boolean;
+    /** Max tags to show in multiple mode */
+    maxTagCount?: number | 'responsive';
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Test ID for the component */
+    'data-testid'?: string;
+}
+export declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<HTMLDivElement>>;