@phillips/seldon 1.59.0 → 1.60.0

package/dist/components/Accordion/Accordion.js

@@ -3,7 +3,7 @@ import c from "../../node_modules/classnames/index.js";
 import { getCommonProps as i } from "../../utils/index.js";
 import { Root as e } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
 import { getAccordionVariantProps as d } from "./utils.js";
-const N = ({ className: m, children: t, ...o }) => {
+const C = ({ className: m, children: t, ...o }) => {
   const { className: a, ...r } = i(o, "Accordion"), n = d(o.variant);
   return /* @__PURE__ */ s(
     e,
@@ -17,5 +17,5 @@ const N = ({ className: m, children: t, ...o }) => {
   );
 };
 export {
-  N as default
+  C as default
 };

package/dist/components/Accordion/AccordionItem.js

@@ -4,9 +4,9 @@ import f from "../../assets/plus.svg.js";
 import v from "../../assets/minus.svg.js";
 import I from "../../assets/lock.svg.js";
 import d from "../../node_modules/classnames/index.js";
-import { Item as _, Trigger as C, Content as x } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import { Item as _, Trigger as C, Content as N } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
 import { getIconClasses as p } from "./utils.js";
-const N = ({
+const x = ({
   children: n,
   className: s,
   baseClassName: t,
@@ -58,7 +58,7 @@ const N = ({
   isLargeVariation: e,
   className: r
 }) => /* @__PURE__ */ o(h, { children: t && n ? /* @__PURE__ */ o("div", { children: n }) : /* @__PURE__ */ o(
-  x,
+  N,
   {
     asChild: !0,
     className: d(
@@ -88,7 +88,7 @@ const N = ({
       ...l,
       children: [
         /* @__PURE__ */ o(
-          N,
+          x,
           {
             disable: n,
             isLargeVariation: i,

package/dist/components/Button/Button.js

@@ -3,14 +3,14 @@ import p from "../../node_modules/classnames/index.js";
 import { getCommonProps as u } from "../../utils/index.js";
 import { ButtonVariants as d } from "./types.js";
 import { forwardRef as $ } from "react";
-const b = $(
+const N = $(
   ({
     variant: s = d.primary,
     size: a = "md",
     children: m,
     className: r,
-    isIconLast: n = !1,
-    type: e = "button",
+    isIconLast: e = !1,
+    type: n = "button",
     isDisabled: i = !1,
     ...t
   }, f) => {
@@ -20,13 +20,13 @@ const b = $(
       {
         ...l,
         ref: f,
-        type: e,
+        type: n,
         className: p(
           `${o}`,
           `${o}--${a}`,
           `${o}--${s}`,
           {
-            [`${o}--icon-last`]: n
+            [`${o}--icon-last`]: e
           },
           r
         ),
@@ -37,7 +37,7 @@ const b = $(
     );
   }
 );
-b.displayName = "Button";
+N.displayName = "Button";
 export {
-  b as default
+  N as default
 };

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,52 @@
+import { ComponentProps } from 'react';
+import { SpacingTokens } from '../../utils';
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
+export type CarouselApi = UseEmblaCarouselType[1];
+export interface CarouselProps extends ComponentProps<'div'> {
+    /**
+     * Whether the carousel should loop.
+     */
+    loop?: boolean;
+    /**
+     * The index to start the carousel at. Can be used if you want the carousel to be controlled.
+     */
+    startIndex?: number;
+    /**
+     * Function to call when the slide changes.
+     */
+    onSlideChange?: (index: number) => void;
+    /**
+     * The horizontal gap between the carousel items.
+     */
+    columnGap?: SpacingTokens;
+    /**
+     * Whether the carousel should use wheel gestures.
+     */
+    useWheelGestures?: boolean;
+}
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+export declare const CarouselContext: import("react").Context<CarouselContextProps | null>;
+/**
+ * ## Overview
+ *
+ * Carousel component
+ *
+ * Combine with CarouselContent, CarouselItem, and CarouselDots to use
+ *
+ * API Inspired by https://ui.shadcn.com/docs/components/carousel#api
+ *
+ * Built on top of https://github.com/davidjerleke/embla-carousel
+ *
+ * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=7068-6007&t=HYwLAd3xkKAOgjpo-1)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-carousel--overview)
+ */
+declare const Carousel: import("react").ForwardRefExoticComponent<Omit<CarouselProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default Carousel;

package/dist/components/Carousel/Carousel.js

@@ -0,0 +1,72 @@
+import { jsx as f } from "react/jsx-runtime";
+import { createContext as b, forwardRef as d, useCallback as m, useEffect as k } from "react";
+import { getCommonProps as A } from "../../utils/index.js";
+import R from "../../node_modules/classnames/index.js";
+import E from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
+import { WheelGesturesPlugin as I } from "../../node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js";
+const K = b(null), W = d(
+  ({ loop: u = !1, startIndex: n = 0, onSlideChange: l, className: a, children: x, columnGap: N, useWheelGestures: P = !1, ...s }, v) => {
+    var t, c;
+    const { className: w, ...y } = A(s, "Carousel"), [C, r] = E(
+      {
+        loop: u,
+        startIndex: n
+      },
+      [
+        ...P ? [
+          I({
+            forceWheelAxis: "x"
+          })
+        ] : []
+      ]
+    ), D = m(
+      (e) => {
+        e.key === "ArrowLeft" ? (e.preventDefault(), r == null || r.scrollPrev()) : e.key === "ArrowRight" && (e.preventDefault(), r == null || r.scrollNext());
+      },
+      [r]
+    ), o = m(
+      (e) => {
+        e && (l == null || l(e.selectedScrollSnap()));
+      },
+      [l]
+    );
+    return k(() => {
+      if (r)
+        return o(r), r.on("reInit", o), r.on("settle", o), () => {
+          r == null || r.off("settle", o), r == null || r.off("reInit", o);
+        };
+    }, [r, o]), /* @__PURE__ */ f(
+      K.Provider,
+      {
+        value: {
+          carouselRef: C,
+          api: r,
+          scrollPrev: () => r == null ? void 0 : r.scrollPrev(),
+          scrollNext: () => r == null ? void 0 : r.scrollNext(),
+          canScrollPrev: (t = r == null ? void 0 : r.canScrollPrev()) != null ? t : !1,
+          canScrollNext: (c = r == null ? void 0 : r.canScrollNext()) != null ? c : !1,
+          columnGap: N,
+          onSlideChange: l
+        },
+        children: /* @__PURE__ */ f(
+          "div",
+          {
+            ref: v,
+            onKeyDownCapture: D,
+            className: R(w, a),
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...s,
+            ...y,
+            children: x
+          }
+        )
+      }
+    );
+  }
+);
+W.displayName = "Carousel";
+export {
+  K as CarouselContext,
+  W as default
+};

package/dist/components/Carousel/CarouselContent.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from 'react';
+export interface CarouselContentProps extends ComponentProps<'div'> {
+    /**
+     * The className for the carousel content container.
+     */
+    containerClassName?: string;
+    /**
+     * The styles for the carousel content container.
+     */
+    containerStyles?: React.CSSProperties;
+}
+/**
+ * ## Overview
+ *
+ * The wrapper for the carousel content.
+ *
+ */
+declare const CarouselContent: import("react").ForwardRefExoticComponent<Omit<CarouselContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default CarouselContent;

package/dist/components/Carousel/CarouselContent.js

@@ -0,0 +1,33 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import a from "../../node_modules/classnames/index.js";
+import { useCarousel as p } from "./utils.js";
+import { getCommonProps as u } from "../../utils/index.js";
+const C = f(
+  ({ className: t, containerClassName: n, containerStyles: m, ...e }, l) => {
+    const { className: o, ...c } = u(e, "Carousel"), { carouselRef: i, columnGap: s } = p();
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: i,
+        className: a(`${o}-content`, n),
+        style: m,
+        children: /* @__PURE__ */ r(
+          "div",
+          {
+            ref: l,
+            className: a(`${o}-content-inner`, t, {
+              [`${o}-content-inner--gap-${s}`]: !!s
+            }),
+            ...e,
+            ...c
+          }
+        )
+      }
+    );
+  }
+);
+C.displayName = "CarouselContent";
+export {
+  C as default
+};

package/dist/components/Carousel/CarouselDots.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps } from 'react';
+export interface CarouselDotsProps extends ComponentProps<'div'> {
+    /**
+     * The maximum number of dots to display.
+     */
+    maxDots?: number;
+    /**
+     * The position of the dots.
+     */
+    position?: 'on-content' | 'inline';
+    /**
+     * The number of slides (used to pre-calc the number of dots to render before embla API initializes)
+     * otherwise you can get slight layout shift before the number of slides is calculated
+     */
+    numberOfSlides?: number;
+}
+/**
+ * ## Overview
+ *
+ * Carousel dots component that displays pagination for the carousel.
+ * It supports a maximum number of visible dots
+ * The dots animate left to right as the user navigates through the carousel.
+ *
+ */
+declare const CarouselDots: import("react").ForwardRefExoticComponent<Omit<CarouselDotsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default CarouselDots;

package/dist/components/Carousel/CarouselDots.js

@@ -0,0 +1,75 @@
+import { jsx as c } from "react/jsx-runtime";
+import u from "../../node_modules/classnames/index.js";
+import { forwardRef as y, useState as h, useCallback as p, useEffect as D } from "react";
+import { useCarousel as P } from "./utils.js";
+import { getCommonProps as V } from "../../utils/index.js";
+const _ = y(
+  ({ className: N, maxDots: i = 7, position: b = "inline", numberOfSlides: I = 0, ...d }, $) => {
+    const { className: s, ...C } = V(d, "Carousel"), { api: e, onSlideChange: n } = P(), [g, M] = h(0), [l, v] = h(
+      Array.from({ length: I }, (t, o) => o)
+    ), x = p(
+      (t) => {
+        e && (e.scrollTo(t, !0), n == null || n(t));
+      },
+      [e, n]
+    ), f = p((t) => {
+      v(t.scrollSnapList());
+    }, []), r = p((t) => {
+      M(t.selectedScrollSnap());
+    }, []), m = p(
+      (t) => {
+        n == null || n(t.selectedScrollSnap());
+      },
+      [n]
+    );
+    D(() => {
+      if (e)
+        return f(e), r(e), e.on("reInit", f).on("reInit", r).on("select", r).on("settle", m), () => {
+          e.off("reInit", f).off("reInit", r).off("select", r).off("settle", m);
+        };
+    }, [e, f, r, m]);
+    const S = (() => {
+      if (l.length <= i) return l;
+      const t = Math.floor(i / 2);
+      let o = Math.max(0, g - t);
+      const a = Math.min(l.length, o + i);
+      return a - o < i && (o = Math.max(0, a - i)), l.slice(o, a);
+    })();
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: $,
+        role: "group",
+        "aria-roledescription": "pagination",
+        "aria-label": "pagination",
+        className: u(`${s}-pagination`, N, `${s}-pagination-${b}`),
+        ...d,
+        ...C,
+        children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container`, children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container-inner`, children: S.map((t, o) => {
+          const a = l.indexOf(S[o]), k = g === a;
+          return /* @__PURE__ */ c(
+            "button",
+            {
+              role: "button",
+              onClick: () => x(a),
+              className: u(`${s}-pagination-dot-container`),
+              children: /* @__PURE__ */ c(
+                "span",
+                {
+                  className: u(`${s}-pagination-dot`, {
+                    [`${s}-pagination-dot-selected`]: k
+                  })
+                }
+              )
+            },
+            a
+          );
+        }) }) })
+      }
+    );
+  }
+);
+_.displayName = "CarouselDots";
+export {
+  _ as default
+};

package/dist/components/Carousel/CarouselItem.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+export type CarouselItemProps = ComponentProps<'div'>;
+/**
+ * ## Overview
+ *
+ * An individual item within the carousel.
+ * It will stretch to fill the width of the carousel viewport.
+ *
+ */
+declare const CarouselItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default CarouselItem;

package/dist/components/Carousel/CarouselItem.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import l from "../../node_modules/classnames/index.js";
+import { forwardRef as i } from "react";
+import { getCommonProps as p } from "../../utils/index.js";
+import { useCarousel as c } from "./utils.js";
+const u = i(({ className: m, ...o }, s) => {
+  const { className: r, ...a } = p(o, "Carousel"), { columnGap: e } = c();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: s,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: l(`${r}-item`, m, {
+        [`${r}-item--gap-${e}`]: !!e
+      }),
+      ...o,
+      ...a
+    }
+  );
+});
+u.displayName = "CarouselItem";
+export {
+  u as default
+};

package/dist/components/Carousel/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Carousel, type CarouselProps, type CarouselApi } from './Carousel';
+export { default as CarouselContent, type CarouselContentProps } from './CarouselContent';
+export { default as CarouselItem, type CarouselItemProps } from './CarouselItem';
+export { default as CarouselDots, type CarouselDotsProps } from './CarouselDots';

package/dist/components/Carousel/utils.d.ts

@@ -0,0 +1,8 @@
+export declare function useCarousel(): {
+    carouselRef: import("embla-carousel-react").EmblaViewportRefType;
+    api: import("embla-carousel").EmblaCarouselType | undefined;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & import("./Carousel").CarouselProps;

package/dist/components/Carousel/utils.js

@@ -0,0 +1,11 @@
+import { useContext as e } from "react";
+import { CarouselContext as r } from "./Carousel.js";
+function s() {
+  const o = e(r);
+  if (!o)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return o;
+}
+export {
+  s as useCarousel
+};

package/dist/components/ContentPeek/ContentPeek.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { forwardRef as N, useState as i, useRef as x, useEffect as $, useCallback as P } from "react";
+import { forwardRef as y, useState as i, useRef as x, useEffect as $, useCallback as P } from "react";
 import c from "../../node_modules/classnames/index.js";
 import { getCommonProps as b } from "../../utils/index.js";
 import k from "../Button/Button.js";
@@ -9,7 +9,7 @@ import E from "../Collapsible/CollapsibleContent.js";
 import M from "../Collapsible/CollapsibleTrigger.js";
 import O from "../../assets/plus.svg.js";
 import S from "../../assets/minus.svg.js";
-const j = N(
+const j = y(
   ({
     className: f,
     children: n,
@@ -22,15 +22,15 @@ const j = N(
     $(() => {
       s.current && C(s.current.scrollHeight > a);
     }, [n, a]);
-    const h = P(() => {
-      v((y) => !y);
+    const N = P(() => {
+      v((h) => !h);
     }, []);
     return /* @__PURE__ */ m(
       w,
       {
         id: r == null ? void 0 : r.id,
         open: t,
-        onOpenChange: h,
+        onOpenChange: N,
         className: c(e, f),
         style: {
           "--content-peek-max-height": `${a}px`

package/dist/components/Drawer/Drawer.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { getCommonProps as d, noOp as p } from "../../utils/index.js";
 import o from "../../node_modules/classnames/index.js";
-import { Root as f, Portal as C, Overlay as h, Content as u, Title as v, Description as N, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { Root as f, Portal as C, Overlay as h, Content as N, Title as u, Description as v, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import y from "../../assets/close.svg.js";
 import _ from "../IconButton/IconButton.js";
 import { ButtonVariants as g } from "../Button/types.js";
@@ -23,9 +23,9 @@ const B = ({ className: i, isOpen: l = !1, onClose: a = p, children: m, ...t })
             "data-testid": "drawer-overlay"
           }
         ),
-        /* @__PURE__ */ s(u, { className: o(e, i), id: t.id, ...n, children: [
+        /* @__PURE__ */ s(N, { className: o(e, i), id: t.id, ...n, children: [
+          /* @__PURE__ */ r(u, {}),
           /* @__PURE__ */ r(v, {}),
-          /* @__PURE__ */ r(N, {}),
           /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(
             _,
             {

package/dist/components/Dropdown/Dropdown.js

@@ -6,8 +6,8 @@ import { Root as D, Trigger as $, Value as b, Icon as v, Portal as I, Content as
 import c from "../../assets/chevronDown.svg.js";
 const j = d.forwardRef(
   ({ options: l, value: a, onValueChange: s, label: t, className: _, id: m, ...h }, f) => {
-    const { className: o, ...u } = C({ id: m }, "Dropdown"), [N, w] = g(!1);
-    return /* @__PURE__ */ e("div", { className: i(o, _), id: m, ...u, ...h, children: /* @__PURE__ */ n(
+    const { className: o, ...N } = C({ id: m }, "Dropdown"), [u, w] = g(!1);
+    return /* @__PURE__ */ e("div", { className: i(o, _), id: m, ...N, ...h, children: /* @__PURE__ */ n(
       D,
       {
         value: a,
@@ -18,7 +18,7 @@ const j = d.forwardRef(
         children: [
           /* @__PURE__ */ n($, { className: `${o}__trigger`, "aria-label": t, ref: f, children: [
             /* @__PURE__ */ e(b, { placeholder: a }),
-            /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(c, { className: i({ [`${o}__trigger-icon-expanded`]: N }) }) })
+            /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(c, { className: i({ [`${o}__trigger-icon-expanded`]: u }) }) })
           ] }),
           /* @__PURE__ */ e(I, { children: /* @__PURE__ */ n(S, { className: `${o}__content`, position: "popper", children: [
             /* @__PURE__ */ e(x, { className: `${o}__scroll-button__up`, children: /* @__PURE__ */ e(c, {}) }),

package/dist/components/Grid/Grid.js

@@ -10,12 +10,12 @@ function C({
   rowGap: t = e.lg,
   ...m
 }) {
-  const { className: n, ...i } = d(m, "Grid");
+  const { className: i, ...n } = d(m, "Grid");
   return /* @__PURE__ */ c(
     r,
     {
-      ...i,
-      className: l(f(n, a, t), s),
+      ...n,
+      className: l(f(i, a, t), s),
       ...m,
       children: o
     }

package/dist/components/Grid/utils.js

@@ -1,8 +1,8 @@
-import t from "../../node_modules/classnames/index.js";
-const m = (r, o, n) => t(
+import $ from "../../node_modules/classnames/index.js";
+const n = (r, o, t) => $(
   `${r} ${r}--column-gap-${o}`,
-  `${r}--row-gap-${n}`
+  `${r}--row-gap-${t}`
 );
 export {
-  m as determineGridClassName
+  n as determineGridClassName
 };

package/dist/components/GridItem/GridItem.js

@@ -1,29 +1,29 @@
 import { jsx as I } from "react/jsx-runtime";
 import { useMemo as l } from "react";
-import { getCommonProps as b } from "../../utils/index.js";
-import j from "../../node_modules/classnames/index.js";
-import { determineColumnSpanClassName as v, validateColumnSpans as G } from "./gridItemUtils.js";
-import { GridItemAlign as N } from "./types.js";
+import { getCommonProps as N } from "../../utils/index.js";
+import b from "../../node_modules/classnames/index.js";
+import { determineColumnSpanClassName as j, validateColumnSpans as v } from "./gridItemUtils.js";
+import { GridItemAlign as G } from "./types.js";
 const A = ({
   children: p,
   xs: m = 2,
   sm: r = 2,
   md: t = 6,
   lg: o = 12,
-  align: s = N.center,
+  align: s = G.center,
   element: c = "div",
   className: n,
   ...a
 }) => {
-  const { className: i, ...u } = b(a, "GridItem"), e = l(() => ({ xs: m, sm: r, md: t, lg: o }), [m, r, t, o]), f = l(() => [
+  const { className: i, ...u } = N(a, "GridItem"), e = l(() => ({ xs: m, sm: r, md: t, lg: o }), [m, r, t, o]), f = l(() => [
     i,
     // figure out the class names for each breakpoint
     Object.entries(e).map(
-      ([d, C]) => v(d, C, s)
+      ([d, C]) => j(d, C, s)
     ),
     n
   ], [s, e, i, n]);
-  return G(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: j(f), ...a, children: p }) : null;
+  return v(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: b(f), ...a, children: p }) : null;
 };
 export {
   A as default

package/dist/components/IconButton/IconButton.js

@@ -3,7 +3,7 @@ import f from "../../node_modules/classnames/index.js";
 import p from "../Button/Button.js";
 import { getCommonProps as i } from "../../utils/index.js";
 import { ButtonVariants as l } from "../Button/types.js";
-const C = ({
+const x = ({
   children: s,
   size: r = "md",
   variant: m = l.primary,
@@ -25,5 +25,5 @@ const C = ({
   );
 };
 export {
-  C as default
+  x as default
 };

package/dist/components/Link/Link.js

@@ -1,18 +1,18 @@
 import { jsx as e } from "react/jsx-runtime";
 import p from "../../node_modules/classnames/index.js";
 import { getCommonProps as f } from "../../utils/index.js";
-import { getLinkVariantClassName as k, isLinkExternal as x } from "./utils.js";
-import { LinkVariants as L } from "./types.js";
-import N from "../Text/Text.js";
+import { getLinkVariantClassName as k, isLinkExternal as N } from "./utils.js";
+import { LinkVariants as x } from "./types.js";
+import L from "../Text/Text.js";
 const V = ({
   children: m,
   className: n,
   element: r = "a",
-  variant: o = L.link,
+  variant: o = x.link,
   href: s,
   ...a
 }) => {
-  const { className: t, ...i } = f(a, "Link"), l = p(t, k(o), n), c = x(s);
+  const { className: t, ...i } = f(a, "Link"), l = p(t, k(o), n), c = N(s);
   return /* @__PURE__ */ e(
     r,
     {
@@ -21,7 +21,7 @@ const V = ({
       className: l,
       ...c && r === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
       ...a,
-      children: /* @__PURE__ */ e(N, { variant: o, children: m })
+      children: /* @__PURE__ */ e(L, { variant: o, children: m })
     }
   );
 };

package/dist/components/LinkList/LinkList.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { getCommonProps as c } from "../../utils/index.js";
-import d from "../../node_modules/classnames/index.js";
-import { Grid as o } from "../Grid/Grid.js";
+import { getCommonProps as N } from "../../utils/index.js";
+import c from "../../node_modules/classnames/index.js";
+import { Grid as d } from "../Grid/Grid.js";
 const P = ({ children: i, className: l, ...r }) => {
-  const { className: m, ...f } = c(r, "LinkList");
-  return /* @__PURE__ */ t(o, { ...f, className: d(m, l), element: "ul", role: "list", ...r, children: i.map((s) => {
+  const { className: m, ...f } = N(r, "LinkList");
+  return /* @__PURE__ */ t(d, { ...f, className: c(m, l), element: "ul", role: "list", ...r, children: i.map((s) => {
     var a, e;
     return /* @__PURE__ */ t("li", { className: `${m}--item`, children: s }, (e = (a = s == null ? void 0 : s.props) == null ? void 0 : a.linkProps) == null ? void 0 : e.href);
   }) });