@phillips/seldon 1.137.0 → 1.138.0

package/dist/assets/formatted/index.js

@@ -1,72 +1,130 @@
-import { default as r } from "./AccountCircle.js";
-import { default as a } from "./AppleAppStoreBadge.js";
-import { default as l } from "./ArrowPrev.js";
-import { default as s } from "./Calendar.js";
-import { default as d } from "./CalendarAlt.js";
-import { default as x } from "./CarouselArrowNext.js";
-import { default as c } from "./CarouselArrowPrev.js";
-import { default as C } from "./Checkmark.js";
-import { default as I } from "./ChevronDown.js";
-import { default as A } from "./ChevronNext.js";
-import { default as g } from "./ChevronRight.js";
-import { default as P } from "./Close.js";
-import { default as w } from "./Favorite.js";
-import { default as L } from "./FavoriteOutline.js";
-import { default as b } from "./IconFooterFacebook.js";
-import { default as W } from "./IconFooterInstagram.js";
-import { default as B } from "./IconFooterLinkedin.js";
-import { default as G } from "./IconFooterRed.js";
-import { default as Y } from "./IconFooterWechat.js";
-import { default as q } from "./IconGreenCircle.js";
-import { default as E } from "./IconRedCircle.js";
-import { default as J } from "./Instagram.js";
-import { default as Q } from "./Lock.js";
-import { default as U } from "./MagnificentSeven.js";
-import { default as X } from "./Menu.js";
-import { default as _ } from "./Minus.js";
-import { default as ee } from "./PhillipsAppIcon.js";
-import { default as re } from "./PhillipsLogo.js";
-import { default as ae } from "./Plus.js";
-import { default as le } from "./React.js";
-import { default as se } from "./Search.js";
-import { default as de } from "./Share.js";
-import { default as xe } from "./Spotify.js";
-import { default as ce } from "./Wechat.js";
-import { default as Ce } from "./Youtube.js";
+import { default as r } from "./AccountActive.js";
+import { default as a } from "./Account.js";
+import { default as l } from "./Add.js";
+import { default as u } from "./AppleAppStoreBadge.js";
+import { default as s } from "./ArrowDown.js";
+import { default as x } from "./ArrowLeft.js";
+import { default as n } from "./ArrowRight.js";
+import { default as A } from "./ArrowUp.js";
+import { default as h } from "./Bag.js";
+import { default as w } from "./Calendar.js";
+import { default as g } from "./ChevronDown.js";
+import { default as F } from "./ChevronLeft.js";
+import { default as M } from "./ChevronRight.js";
+import { default as E } from "./ChevronUp.js";
+import { default as D } from "./CloseX.js";
+import { default as P } from "./ConditionReport.js";
+import { default as H } from "./Delete.js";
+import { default as b } from "./Download.js";
+import { default as T } from "./Edit.js";
+import { default as y } from "./Email.js";
+import { default as j } from "./Error.js";
+import { default as z } from "./ExternalLink.js";
+import { default as K } from "./Facebook.js";
+import { default as O } from "./FavoriteActive.js";
+import { default as Y } from "./Favorite.js";
+import { default as _ } from "./Filters.js";
+import { default as ee } from "./Fullscreen.js";
+import { default as re } from "./FullscreenExit.js";
+import { default as ae } from "./GavelActive.js";
+import { default as le } from "./Gavel.js";
+import { default as ue } from "./Grid.js";
+import { default as se } from "./Hide.js";
+import { default as xe } from "./HomeActive.js";
+import { default as ne } from "./Home.js";
+import { default as Ae } from "./IconGreenCircle.js";
+import { default as he } from "./IconRedCircle.js";
+import { default as we } from "./Icon.js";
+import { default as ge } from "./Instagram.js";
+import { default as Fe } from "./LinkedIn.js";
+import { default as Me } from "./List.js";
+import { default as Ee } from "./Lock.js";
+import { default as De } from "./MagnificentSeven.js";
+import { default as Pe } from "./Menu.js";
+import { default as He } from "./Mute.js";
+import { default as be } from "./Pause.js";
+import { default as Te } from "./PhillipsAppIcon.js";
+import { default as ye } from "./PhillipsLogo.js";
+import { default as je } from "./Play.js";
+import { default as ze } from "./Red.js";
+import { default as Ke } from "./Refresh.js";
+import { default as Oe } from "./Search.js";
+import { default as Ye } from "./SellActive.js";
+import { default as _e } from "./Sell.js";
+import { default as eo } from "./Share.js";
+import { default as ro } from "./Subtract.js";
+import { default as ao } from "./Success.js";
+import { default as lo } from "./Tooltip.js";
+import { default as po } from "./TwitterX.js";
+import { default as mo } from "./Upload.js";
+import { default as io } from "./View.js";
+import { default as co } from "./VolumeMaximum.js";
+import { default as vo } from "./VolumeMid.js";
+import { default as Co } from "./VolumeMinimum.js";
+import { default as So } from "./WeChat.js";
 export {
-  r as AccountCircle,
-  a as AppleAppStoreBadge,
-  l as ArrowPrev,
-  s as Calendar,
-  d as CalendarAlt,
-  x as CarouselArrowNext,
-  c as CarouselArrowPrev,
-  C as Checkmark,
-  I as ChevronDown,
-  A as ChevronNext,
-  g as ChevronRight,
-  P as Close,
-  w as Favorite,
-  L as FavoriteOutline,
-  b as IconFooterFacebook,
-  W as IconFooterInstagram,
-  B as IconFooterLinkedin,
-  G as IconFooterRed,
-  Y as IconFooterWechat,
-  q as IconGreenCircle,
-  E as IconRedCircle,
-  J as Instagram,
-  Q as Lock,
-  U as MagnificentSeven,
-  X as Menu,
-  _ as Minus,
-  ee as PhillipsAppIcon,
-  re as PhillipsLogo,
-  ae as Plus,
-  le as React,
-  se as Search,
-  de as Share,
-  xe as Spotify,
-  ce as Wechat,
-  Ce as Youtube
+  a as Account,
+  r as AccountActive,
+  l as Add,
+  u as AppleAppStoreBadge,
+  s as ArrowDown,
+  x as ArrowLeft,
+  n as ArrowRight,
+  A as ArrowUp,
+  h as Bag,
+  w as Calendar,
+  g as ChevronDown,
+  F as ChevronLeft,
+  M as ChevronRight,
+  E as ChevronUp,
+  D as CloseX,
+  P as ConditionReport,
+  H as Delete,
+  b as Download,
+  T as Edit,
+  y as Email,
+  j as Error,
+  z as ExternalLink,
+  K as Facebook,
+  Y as Favorite,
+  O as FavoriteActive,
+  _ as Filters,
+  ee as Fullscreen,
+  re as FullscreenExit,
+  le as Gavel,
+  ae as GavelActive,
+  ue as Grid,
+  se as Hide,
+  ne as Home,
+  xe as HomeActive,
+  we as Icon,
+  Ae as IconGreenCircle,
+  he as IconRedCircle,
+  ge as Instagram,
+  Fe as LinkedIn,
+  Me as List,
+  Ee as Lock,
+  De as MagnificentSeven,
+  Pe as Menu,
+  He as Mute,
+  be as Pause,
+  Te as PhillipsAppIcon,
+  ye as PhillipsLogo,
+  je as Play,
+  ze as Red,
+  Ke as Refresh,
+  Oe as Search,
+  _e as Sell,
+  Ye as SellActive,
+  eo as Share,
+  ro as Subtract,
+  ao as Success,
+  lo as Tooltip,
+  po as TwitterX,
+  mo as Upload,
+  io as View,
+  co as VolumeMaximum,
+  vo as VolumeMid,
+  Co as VolumeMinimum,
+  So as WeChat
 };

package/dist/components/Accordion/AccordionItem.js

@@ -6,77 +6,77 @@ import I from "../Icon/Icon.js";
 import { getCommonProps as T } from "../../utils/index.js";
 import { AccordionItemVariant as v } from "./types.js";
 import { getIconClasses as _ } from "./utils.js";
-const j = ({
+const b = ({
   children: n,
   className: c,
   baseClassName: t,
-  disable: r,
+  disable: i,
   isLargeVariation: e,
-  id: i,
-  onOpen: d,
+  id: r,
+  onOpen: s,
   onClose: l
 }) => {
-  const a = N(null), s = r, u = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+  const a = N(null), d = i, u = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
     I,
     {
       icon: "Lock",
       height: 24,
       width: 24,
       className: _(t, e, "lock"),
-      "data-testid": `${i}-lockedIcon`,
+      "data-testid": `${r}-lockedIcon`,
       "aria-hidden": !0
     }
   ) }), p = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
     I,
     {
-      icon: "Plus",
+      icon: "Add",
       height: 24,
       width: 24,
       className: _(t, e, "plus"),
-      "data-testid": `${i}-plusIcon`,
+      "data-testid": `${r}-plusIcon`,
       "aria-hidden": !0
     }
   ) }), f = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
     I,
     {
-      icon: "Minus",
+      icon: "Subtract",
       height: 24,
       width: 24,
       className: _(t, e, "minus"),
-      "data-testid": `${i}-minusIcon`,
+      "data-testid": `${r}-minusIcon`,
       "aria-hidden": !0
     }
   ) }), g = R(() => {
-    a.current?.getAttribute("data-state") === "closed" ? d?.() : l?.();
-  }, [d, l]);
+    a.current?.getAttribute("data-state") === "closed" ? s?.() : l?.();
+  }, [s, l]);
   return /* @__PURE__ */ o(
     x,
     {
-      "data-disabled": r,
+      "data-disabled": i,
       asChild: !0,
       className: h(
         t,
         { [`${t}--large`]: e },
-        { [`${t}--hoverable`]: !r },
+        { [`${t}--hoverable`]: !i },
         c
       ),
       ref: a,
       onClick: g,
-      children: /* @__PURE__ */ A("div", { "data-testid": `${i}-trigger`, children: [
+      children: /* @__PURE__ */ A("div", { "data-testid": `${r}-trigger`, children: [
         /* @__PURE__ */ o("div", { className: h(`${t}__text`, { [`${t}__text--lg`]: e }), children: n }),
-        s && u,
-        !s && p,
-        !s && f
+        d && u,
+        !d && p,
+        !d && f
       ] })
     }
   );
-}, y = ({
+}, j = ({
   children: n,
   baseClassName: c,
   disable: t,
-  hasTransition: r,
+  hasTransition: i,
   isLargeVariation: e,
-  className: i
+  className: r
 }) => t && n ? /* @__PURE__ */ o("div", { className: `${c}__content--locked`, children: n }) : /* @__PURE__ */ o(
   w,
   {
@@ -84,23 +84,23 @@ const j = ({
     className: h(
       `${c}__content`,
       { [`${c}__content--lg`]: e },
-      { [`${c}--transition`]: r },
-      i
+      { [`${c}--transition`]: i },
+      r
     ),
     children: n
   }
-), O = C(
+), y = C(
   ({
     isLocked: n = !1,
     variant: c = v.sm,
     id: t,
-    label: r,
+    label: i,
     isLastItem: e,
-    hasTransition: i = !1,
-    children: d,
+    hasTransition: r = !1,
+    children: s,
     className: l,
     transitionTimeInMs: a = 250,
-    onOpen: s,
+    onOpen: d,
     onClose: u,
     ...p
   }, f) => {
@@ -118,25 +118,25 @@ const j = ({
         ...p,
         children: [
           /* @__PURE__ */ o(
-            j,
+            b,
             {
               disable: n,
               isLargeVariation: $,
               id: t,
               baseClassName: `${m}-label`,
-              onOpen: s,
+              onOpen: d,
               onClose: u,
-              children: r
+              children: i
             }
           ),
           /* @__PURE__ */ o(
-            y,
+            j,
             {
               disable: n,
-              hasTransition: i,
+              hasTransition: r,
               isLargeVariation: $,
               baseClassName: m,
-              children: /* @__PURE__ */ o("div", { className: "radix-accordion-content", children: d })
+              children: /* @__PURE__ */ o("div", { className: "radix-accordion-content", children: s })
             }
           )
         ]
@@ -144,7 +144,7 @@ const j = ({
     );
   }
 );
-O.displayName = "AccordionItem";
+y.displayName = "AccordionItem";
 export {
-  O as default
+  y as default
 };

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,6 +1,6 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { getCommonProps as u, px as t } from "../../utils/index.js";
-import f from "../../node_modules/classnames/index.js";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { getCommonProps as h, px as m } from "../../utils/index.js";
+import u from "../../node_modules/classnames/index.js";
 import p from "./BreadcrumbItem.js";
 import { SSRMediaQuery as c } from "../../providers/SeldonProvider/utils.js";
 import x from "../Icon/Icon.js";
@@ -11,25 +11,25 @@ const M = ({
   linkElement: n = "a",
   ...e
 }) => {
-  const { className: l, ...d } = u(e, "Breadcrumb"), { id: b } = e;
-  return /* @__PURE__ */ h("nav", { "aria-label": "Breadcrumb", className: f(l, s), ...d, ...e, children: [
+  const { className: t, ...d } = h(e, "Breadcrumb"), { id: b } = e;
+  return /* @__PURE__ */ f("nav", { "aria-label": "Breadcrumb", className: u(t, s), ...d, ...e, children: [
     /* @__PURE__ */ r(c.Media, { lessThan: "md", children: /* @__PURE__ */ r(
       n,
       {
         href: a[1].href ? a[1].href : "/",
-        className: `${t}-icon-button ${t}-icon-button--primary ${l}__back-button`,
+        className: `${m}-icon-button ${m}-icon-button--primary ${t}__back-button`,
         "data-testid": `${b}-back-button`,
-        children: /* @__PURE__ */ r(x, { icon: "ArrowPrev" })
+        children: /* @__PURE__ */ r(x, { icon: "ArrowLeft" })
       }
     ) }),
-    /* @__PURE__ */ r(c.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ r("ol", { children: a.map((o, m) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(c.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ r("ol", { children: a.map((o, l) => /* @__PURE__ */ r(
       p,
       {
         href: o.href,
         label: o.label,
         element: n,
-        isCurrent: a.length - 1 === m,
-        isTruncateText: i === m
+        isCurrent: a.length - 1 === l,
+        isTruncateText: i === l
       },
       o.label
     )) }) })

package/dist/components/Breadcrumb/BreadcrumbItem.js

@@ -1,36 +1,36 @@
-import { jsxs as d, jsx as c } from "react/jsx-runtime";
-import { getCommonProps as h } from "../../utils/index.js";
-import m from "../../node_modules/classnames/index.js";
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { getCommonProps as d } from "../../utils/index.js";
+import o from "../../node_modules/classnames/index.js";
 import u from "../Icon/Icon.js";
 const b = ({
-  className: o,
+  className: c,
   href: s,
-  label: r,
-  isCurrent: a = !1,
-  isTruncateText: n = !1,
-  element: t = "a",
+  label: a,
+  isCurrent: e = !1,
+  isTruncateText: t = !1,
+  element: n = "a",
   ...l
 }) => {
-  const { className: e, ...f } = h(l, "Breadcrumb"), p = a ? "page" : !1, i = a ? "" : s;
-  return /* @__PURE__ */ d(
+  const { className: r, ...i } = d(l, "Breadcrumb"), f = e ? "page" : !1, h = e ? "" : s;
+  return /* @__PURE__ */ p(
     "li",
     {
-      "aria-label": r,
-      className: m(`${e}__item`, { [`${e}--truncate`]: n }),
+      "aria-label": a,
+      className: o(`${r}__item`, { [`${r}--truncate`]: t }),
       children: [
-        a ? /* @__PURE__ */ c("span", { className: m(e, o, { [`${e}--current`]: a }), children: r }) : /* @__PURE__ */ c(
-          t,
+        e ? /* @__PURE__ */ m("span", { className: o(r, c, { [`${r}--current`]: e }), children: a }) : /* @__PURE__ */ m(
+          n,
           {
-            "aria-current": p,
-            className: m(e, o, {
-              [`${e}--current`]: a
+            "aria-current": f,
+            className: o(r, c, {
+              [`${r}--current`]: e
             }),
-            href: i,
-            ...f,
-            children: r
+            href: h,
+            ...i,
+            children: a
           }
         ),
-        a ? null : /* @__PURE__ */ c(u, { icon: "ChevronNext", className: `${e}__chevron` })
+        e ? null : /* @__PURE__ */ m(u, { icon: "ChevronRight", height: "1.5rem", width: "1.5rem" })
       ]
     }
   );

package/dist/components/Carousel/CarouselArrows.js

@@ -1,11 +1,11 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import u from "../../node_modules/classnames/index.js";
 import { forwardRef as p, useCallback as t } from "react";
-import { getCommonProps as w } from "../../utils/index.js";
-import { useCarousel as C } from "./utils.js";
+import { getCommonProps as C } from "../../utils/index.js";
+import { useCarousel as f } from "./utils.js";
 import a from "../Icon/Icon.js";
-const f = p(({ className: i, ...s }, n) => {
-  const { className: e, ...l } = w(s, "CarouselArrows"), { api: r } = C(), c = t(() => {
+const h = p(({ className: n, ...s }, i) => {
+  const { className: e, ...c } = C(s, "CarouselArrows"), { api: r } = f(), l = t(() => {
     r && r.scrollPrev(!0);
   }, [r]), m = t(() => {
     r && r.scrollNext(!0);
@@ -13,19 +13,19 @@ const f = p(({ className: i, ...s }, n) => {
   return /* @__PURE__ */ d(
     "div",
     {
-      ref: n,
+      ref: i,
       "aria-roledescription": "carousel-arrow-navigation",
-      className: u(`${e}`, i),
+      className: u(`${e}`, n),
       ...s,
-      ...l,
+      ...c,
       children: [
-        /* @__PURE__ */ o("button", { "data-testid": "prev-arrow", className: `${e}-prev-btn`, onClick: () => c(), children: /* @__PURE__ */ o("div", { className: `${e}-prev-btn__icon`, children: /* @__PURE__ */ o(a, { icon: "CarouselArrowPrev", height: 32, width: 16 }) }) }),
-        /* @__PURE__ */ o("button", { "data-testid": "next-arrow", className: `${e}-next-btn`, onClick: () => m(), children: /* @__PURE__ */ o("div", { className: `${e}-next-btn__icon`, children: /* @__PURE__ */ o(a, { icon: "CarouselArrowNext", height: 32, width: 16 }) }) })
+        /* @__PURE__ */ o("button", { "data-testid": "prev-arrow", className: `${e}-prev-btn`, onClick: () => l(), children: /* @__PURE__ */ o("div", { className: `${e}-prev-btn__icon`, children: /* @__PURE__ */ o(a, { icon: "ChevronLeft", height: "2rem" }) }) }),
+        /* @__PURE__ */ o("button", { "data-testid": "next-arrow", className: `${e}-next-btn`, onClick: () => m(), children: /* @__PURE__ */ o("div", { className: `${e}-next-btn__icon`, children: /* @__PURE__ */ o(a, { icon: "ChevronRight", height: "2rem" }) }) })
       ]
     }
   );
 });
-f.displayName = "CarouselArrows";
+h.displayName = "CarouselArrows";
 export {
-  f as default
+  h as default
 };

package/dist/components/ContentPeek/ContentPeek.js

@@ -1,27 +1,27 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { forwardRef as w, useState as u, useRef as M, useEffect as h, useCallback as H } from "react";
+import { forwardRef as w, useState as u, useRef as H, useEffect as h, useCallback as M } from "react";
 import g from "../../node_modules/classnames/index.js";
 import { getCommonProps as O } from "../../utils/index.js";
-import T from "../Button/Button.js";
-import { ButtonVariants as j } from "../Button/types.js";
-import B from "../Collapsible/Collapsible.js";
-import L from "../Collapsible/CollapsibleContent.js";
-import S from "../Collapsible/CollapsibleTrigger.js";
+import S from "../Button/Button.js";
+import { ButtonVariants as T } from "../Button/types.js";
+import j from "../Collapsible/Collapsible.js";
+import A from "../Collapsible/CollapsibleContent.js";
+import B from "../Collapsible/CollapsibleTrigger.js";
 import { HeightUnits as l } from "./utils.js";
 import { DEFAULT_REM_SIZE as x } from "../../utils/constants.js";
 import C from "../Icon/Icon.js";
-const _ = w(
+const L = w(
   ({
     className: v,
     children: y,
-    contentExpandText: P = "Read More",
-    contentCollapseText: N = "Read Less",
-    maxHeight: c = 480,
+    contentExpandText: N = "Read More",
+    contentCollapseText: P = "Read Less",
+    maxHeight: i = 480,
     minHeightThreshold: m,
-    heightUnits: p = l.px,
-    ...i
+    heightUnits: d = l.px,
+    ...c
   }, $) => {
-    const { className: e, ...E } = O(i, "ContentPeek"), [t, R] = u(!1), [d, b] = u(!1), a = M(null), n = p === l.rem ? c * x : c, k = m ? m * x : null, o = p === l.rem ? k : m;
+    const { className: e, ...E } = O(c, "ContentPeek"), [t, R] = u(!1), [p, b] = u(!1), a = H(null), n = d === l.rem ? i * x : i, k = m ? m * x : null, o = d === l.rem ? k : m;
     h(() => {
       if (a.current) {
         const s = o ?? n;
@@ -31,31 +31,31 @@ const _ = w(
       const s = o && o >= n ? o : n;
       a.current?.style.setProperty("--content-peek-max-height", `${s}${l.px}`);
     }, [n, o]);
-    const I = H(() => {
+    const I = M(() => {
       R((s) => !s);
     }, []);
     return /* @__PURE__ */ f(
-      B,
+      j,
       {
-        id: i?.id,
+        id: c?.id,
         open: t,
         onOpenChange: I,
         className: g(e, v),
         ref: $,
         ...E,
-        ...i,
+        ...c,
         children: [
-          /* @__PURE__ */ r(L, { className: `${e}-content`, ref: a, forceMount: !0, children: y }),
-          d ? /* @__PURE__ */ r(
+          /* @__PURE__ */ r(A, { className: `${e}-content`, ref: a, forceMount: !0, children: y }),
+          p ? /* @__PURE__ */ r(
             "div",
             {
               className: g(`${e}-overlay`, {
                 [`${e}-overlay--expanded`]: t,
-                [`${e}-overlay--gradient`]: d && !t
+                [`${e}-overlay--gradient`]: p && !t
               }),
-              children: /* @__PURE__ */ r("div", { className: `${e}-overlay-trigger-wrapper`, children: /* @__PURE__ */ r(S, { asChild: !0, className: `${e}-overlay-trigger`, children: /* @__PURE__ */ f(T, { variant: j.secondary, children: [
-                t ? /* @__PURE__ */ r(C, { icon: "Minus" }) : /* @__PURE__ */ r(C, { icon: "Plus" }),
-                t ? N : P
+              children: /* @__PURE__ */ r("div", { className: `${e}-overlay-trigger-wrapper`, children: /* @__PURE__ */ r(B, { asChild: !0, className: `${e}-overlay-trigger`, children: /* @__PURE__ */ f(S, { variant: T.secondary, children: [
+                t ? /* @__PURE__ */ r(C, { icon: "Subtract" }) : /* @__PURE__ */ r(C, { icon: "Add" }),
+                t ? P : N
               ] }) }) })
             }
           ) : null
@@ -64,7 +64,7 @@ const _ = w(
     );
   }
 );
-_.displayName = "ContentPeek";
+L.displayName = "ContentPeek";
 export {
-  _ as default
+  L as default
 };

package/dist/components/Divider/Divider.js

@@ -1,12 +1,21 @@
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { getCommonProps as t } from "../../utils/index.js";
-import d from "../../node_modules/classnames/index.js";
-const n = o(({ className: m, element: r, ...e }) => {
-  const s = r || "div", { className: a } = t(e, "Divider");
-  return /* @__PURE__ */ i(s, { className: d(a, m), ...e, "data-testid": `divider-${e.id}`, children: /* @__PURE__ */ i("hr", { className: `${a}-line` }) });
+import { forwardRef as t } from "react";
+import { getCommonProps as d } from "../../utils/index.js";
+import n from "../../node_modules/classnames/index.js";
+const l = t(({ className: m, element: r, ...e }, s) => {
+  const o = r || "div", { className: a } = d(e, "Divider");
+  return /* @__PURE__ */ i(
+    o,
+    {
+      className: n(a, m),
+      ...e,
+      "data-testid": `divider-${e.id}`,
+      ref: s,
+      children: /* @__PURE__ */ i("hr", { className: `${a}-line` })
+    }
+  );
 });
-n.displayName = "Divider";
+l.displayName = "Divider";
 export {
-  n as default
+  l as default
 };