@mezo-org/mezo-clay 0.1.0-dev.8 → 0.2.0-dev.1

package/dist/components/card/card.js

@@ -0,0 +1,216 @@
+import { jsx as n, jsxs as B } from "react/jsx-runtime";
+import { useMemo as S, Children as z } from "react";
+import { Card as v, StyledBody as x, StyledAction as F, StyledThumbnail as k } from "baseui/card";
+import { styled as R, mergeOverrides as w, useStyletron as y } from "baseui";
+import { getOverrideProps as L } from "baseui/helpers/overrides";
+import N from "../button/button.js";
+import { getCardSkeleton as f, CardThumbnailSkeleton as P, CardHeaderImageSkeleton as W, CardTitleSkeleton as j } from "./card-skeletons.js";
+import { CardContext as A, useCardContext as H } from "./context.js";
+const m = R("h1", ({ $theme: r }) => ({
+  ...r.typography.LabelMedium,
+  color: r.colors.contentPrimary,
+  marginLeft: 0,
+  marginTop: 0,
+  marginRight: 0,
+  marginBottom: r.sizing.scale500,
+  paddingLeft: 0,
+  paddingTop: 0,
+  paddingRight: 0,
+  paddingBottom: 0
+}));
+m.displayName = "CardTitle";
+function M({ title: r, loading: o, overrides: e }) {
+  if (r && o)
+    return /* @__PURE__ */ n(j, {});
+  if (r) {
+    const t = L(e.Title) || {};
+    return /* @__PURE__ */ n(m, { ...t, children: r });
+  }
+  return null;
+}
+function O({
+  backgroundColor: r,
+  backgroundImage: o,
+  loading: e,
+  $theme: t
+}) {
+  return r ? { backgroundColor: r } : o && e ? { backgroundColor: t.colors.backgroundSecondary } : {};
+}
+function $({ withBorder: r, backgroundImage: o, format: e, $theme: t }) {
+  if (!r || o && e !== "feed")
+    return { borderWidth: 0 };
+  if (e === "feed") {
+    const s = `${t.sizing.scale300} solid ${t.colors.backgroundTertiary}`;
+    return {
+      borderTop: s,
+      borderBottom: s,
+      borderLeft: 0,
+      borderRight: 0,
+      borderRadius: 0
+    };
+  }
+  return {};
+}
+function _({
+  withBorder: r = !0,
+  backgroundColor: o,
+  backgroundImage: e,
+  loading: t = !1,
+  loadingHeaderImageHeight: s = "220px",
+  format: l = "isolated",
+  overrides: c,
+  title: C,
+  children: g,
+  headerImage: d,
+  thumbnail: a,
+  action: u,
+  id: b,
+  width: h = "auto",
+  ...T
+}) {
+  var p;
+  return /* @__PURE__ */ n(A.Provider, { value: S(() => ({ format: l }), [l]), children: /* @__PURE__ */ B(
+    v,
+    {
+      overrides: w(
+        {
+          Action: {
+            style: () => ({
+              textAlign: "center"
+            })
+          },
+          Contents: {
+            style: () => ({
+              position: "relative"
+            })
+          },
+          HeaderImage: {
+            style: ({ $theme: i }) => ({
+              ...l !== "feed" && {
+                margin: i.sizing.scale300,
+                marginBottom: 0,
+                maxWidth: `calc(100% - ${i.sizing.scale600})`,
+                borderRadius: i.borders.radius300
+              }
+            })
+          },
+          Root: {
+            props: {
+              id: b
+            },
+            style: ({ $theme: i }) => ({
+              ...$({
+                withBorder: r,
+                backgroundImage: e,
+                format: l,
+                $theme: i
+              }),
+              ...O({
+                backgroundColor: o,
+                backgroundImage: e,
+                loading: t,
+                $theme: i
+              }),
+              ...e && !t && {
+                backgroundImage: e,
+                backgroundSize: "cover"
+              },
+              width: h
+            })
+          },
+          Thumbnail: {
+            style: ({ $theme: i }) => ({
+              width: i.sizing.scale1400,
+              height: i.sizing.scale1400,
+              border: 0
+            })
+          }
+        },
+        c
+      ),
+      headerImage: d && t ? void 0 : d,
+      thumbnail: a && t ? void 0 : a,
+      action: u && t ? f(u) : u,
+      ...T,
+      children: [
+        a && t && /* @__PURE__ */ n(P, {}),
+        M({ title: C, loading: t, overrides: c }),
+        d && t && /* @__PURE__ */ n(
+          W,
+          {
+            height: s || typeof d == "object" && ((p = d == null ? void 0 : d.height) == null ? void 0 : p.toString())
+          }
+        ),
+        z.map(g, (i) => i ? t ? f(i) : i : null)
+      ]
+    }
+  ) });
+}
+function q({
+  children: r,
+  $style: o,
+  ...e
+}) {
+  const [, t] = y(), { format: s } = H();
+  return /* @__PURE__ */ n(
+    x,
+    {
+      $style: {
+        ...s === "feed" ? {
+          width: "100%"
+        } : {
+          width: `calc(100% + ${t.sizing.scale900})`,
+          marginLeft: `-${t.sizing.scale600}`
+        },
+        ...o
+      },
+      ...e,
+      children: r
+    }
+  );
+}
+q.displayName = "CardBodyFullWidth";
+function D({
+  justifyContent: r = "center",
+  children: o,
+  $style: e,
+  ...t
+}) {
+  return /* @__PURE__ */ n(
+    F,
+    {
+      $style: { display: "flex", justifyContent: r, ...e },
+      ...t,
+      children: o
+    }
+  );
+}
+D.displayName = "CardFooter";
+function E({ children: r, ...o }) {
+  return /* @__PURE__ */ n(N, { kind: "secondary", shape: "pill", ...o, children: r });
+}
+E.displayName = "CardFooterButton";
+function G({ $style: r, ...o }) {
+  const [, e] = y();
+  return /* @__PURE__ */ n(
+    k,
+    {
+      $style: {
+        width: e.sizing.scale1400,
+        height: e.sizing.scale1400,
+        border: 0,
+        ...r
+      },
+      ...o
+    }
+  );
+}
+G.displayName = "CardThumbnail";
+export {
+  _ as Card,
+  q as CardBodyFullWidth,
+  D as CardFooter,
+  E as CardFooterButton,
+  G as CardThumbnail,
+  m as CardTitle
+};

package/dist/components/card/context.d.ts

@@ -0,0 +1,7 @@
+import { CardProps } from './types';
+export declare const CardContext: import('react').Context<{
+    format: CardProps["format"];
+}>;
+export declare const useCardContext: () => {
+    format: CardProps["format"];
+};

package/dist/components/card/context.js

@@ -0,0 +1,12 @@
+import { createContext as o, useContext as r } from "react";
+import { checkForContextError as e } from "../../utils/index.js";
+const n = o({
+  format: "isolated"
+}), x = () => {
+  const t = r(n);
+  return e(t, "Card"), t;
+};
+export {
+  n as CardContext,
+  x as useCardContext
+};

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

@@ -1,3 +1,5 @@
-export { StyledBody as CardBody, StyledAction as CardFooter } from 'baseui/card';
-export { default as Card } from './card';
-export type { CardProps } from './card';
+export { StyledBody as CardBody } from 'baseui/card';
+export * from './card';
+export { default as ProductCard } from './product-card';
+export type { ProductCardProps } from './product-card';
+export * from './types';

package/dist/components/card/index.js

@@ -0,0 +1,13 @@
+import { StyledBody as o } from "baseui/card";
+import { Card as t, CardBodyFullWidth as e, CardFooter as C, CardFooterButton as l, CardThumbnail as u, CardTitle as f } from "./card.js";
+import { default as y } from "./product-card.js";
+export {
+  t as Card,
+  o as CardBody,
+  e as CardBodyFullWidth,
+  C as CardFooter,
+  l as CardFooterButton,
+  u as CardThumbnail,
+  f as CardTitle,
+  y as ProductCard
+};

package/dist/components/card/product-card.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { ImageProps } from 'baseui/card';
+import { TagProps } from '../tag';
+import { CardProps } from './types';
+export type ProductCardProps = Omit<CardProps, "children" | "overrides"> & {
+    headerImage: string | ImageProps;
+    title: ReactNode;
+    description?: ReactNode;
+    endEnhancer?: () => ReactNode;
+    tagColor?: TagProps["color"];
+    tagMessage?: ReactNode;
+    overrides?: CardProps["overrides"];
+};
+export default function ProductCard({ title, description, endEnhancer, loading, tagColor, tagMessage, overrides, ...props }: ProductCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/card/product-card.js

@@ -0,0 +1,125 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useStyletron as g, mergeOverrides as f } from "baseui";
+import { Block as a } from "baseui/block";
+import y from "../list/list.js";
+import b from "../list/list-item-label.js";
+import "baseui/list";
+import h from "../tag/tag.js";
+import { ParagraphSmall as z, LabelMedium as L } from "baseui/typography";
+import { Card as u } from "./card.js";
+function P({
+  title: i,
+  description: t,
+  endEnhancer: l,
+  loading: n,
+  tagColor: m = "green",
+  tagMessage: s,
+  overrides: c,
+  ...p
+}) {
+  const [v, o] = g();
+  return /* @__PURE__ */ d(
+    u,
+    {
+      loading: n,
+      overrides: f(
+        {
+          Root: {
+            style: {
+              position: "relative"
+            }
+          },
+          Contents: {
+            style: {
+              position: "unset",
+              ...!n && {
+                marginLeft: o.sizing.scale300,
+                marginRight: o.sizing.scale300,
+                marginBottom: o.sizing.scale800
+              }
+            }
+          }
+        },
+        c
+      ),
+      ...p,
+      children: [
+        s && /* @__PURE__ */ r(
+          h,
+          {
+            color: m,
+            closeable: !1,
+            overrides: {
+              Root: {
+                style: ({ $theme: e }) => ({
+                  position: "absolute",
+                  top: e.sizing.scale800,
+                  left: e.sizing.scale800,
+                  margin: 0
+                })
+              }
+            },
+            children: s
+          }
+        ),
+        /* @__PURE__ */ r(
+          y,
+          {
+            state: n ? "loading" : "enabled",
+            endEnhancer: l,
+            overrides: {
+              Root: {
+                props: {
+                  $as: "div"
+                }
+              },
+              Content: {
+                style: {
+                  borderBottom: "none"
+                }
+              },
+              EndEnhancerContainer: {
+                style: ({ $theme: e }) => ({
+                  marginLeft: e.sizing.scale600
+                })
+              }
+            },
+            children: /* @__PURE__ */ r(
+              b,
+              {
+                description: typeof t == "string" ? /* @__PURE__ */ r(
+                  z,
+                  {
+                    color: o.colors.contentSecondary,
+                    whiteSpace: "pre-line",
+                    margin: "0",
+                    marginTop: o.sizing.scale100,
+                    children: t
+                  }
+                ) : t,
+                overrides: {
+                  LabelRoot: {
+                    style: ({ $theme: e }) => ({
+                      paddingTop: e.sizing.scale600,
+                      paddingBottom: e.sizing.scale600
+                    })
+                  },
+                  LabelContent: {
+                    component: a
+                  },
+                  LabelDescription: {
+                    component: a
+                  }
+                },
+                children: typeof i == "string" ? /* @__PURE__ */ r(L, { children: i }) : i
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  P as default
+};

package/dist/components/card/types.d.ts

@@ -0,0 +1,12 @@
+import { CardProps as BaseUiCardProps } from 'baseui/card';
+export type CardFormat = "isolated" | "feed";
+export type CardProps = {
+    withBorder?: boolean;
+    backgroundColor?: string;
+    backgroundImage?: string;
+    loadingHeaderImageHeight?: string;
+    loading?: boolean;
+    format?: CardFormat;
+    id?: string;
+    width?: string;
+} & BaseUiCardProps;

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,57 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useStyletron as h, mergeOverrides as v } from "baseui";
+import { Checkbox as w } from "baseui/checkbox";
+function x({
+  overrides: l,
+  checked: C,
+  disabled: o,
+  error: i,
+  prefilled: r,
+  ...s
+}) {
+  const [, n] = h();
+  function t() {
+    return o ? n.colors.contentStateDisabled : i ? n.colors.negative : n.colors.contentPrimary;
+  }
+  const c = encodeURIComponent(`
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.8385 2H6.16146C5.63433 1.99998 5.17954 1.99997 4.80497 2.03057C4.40963 2.06287 4.01641 2.13419 3.63803 2.32698C3.07354 2.6146 2.6146 3.07354 2.32698 3.63803C2.13419 4.01641 2.06287 4.40963 2.03057 4.80497C1.99997 5.17954 1.99998 5.63429 2 6.16142V17.8385C1.99998 18.3657 1.99997 18.8205 2.03057 19.195C2.06287 19.5904 2.13419 19.9836 2.32698 20.362C2.6146 20.9265 3.07354 21.3854 3.63803 21.673C4.01641 21.8658 4.40963 21.9371 4.80497 21.9694C5.17954 22 5.6343 22 6.16144 22H17.8386C18.3657 22 18.8205 22 19.195 21.9694C19.5904 21.9371 19.9836 21.8658 20.362 21.673C20.9265 21.3854 21.3854 20.9265 21.673 20.362C21.8658 19.9836 21.9371 19.5904 21.9694 19.195C22 18.8205 22 18.3657 22 17.8386V6.16144C22 5.6343 22 5.17954 21.9694 4.80497C21.9371 4.40963 21.8658 4.01641 21.673 3.63803C21.3854 3.07354 20.9265 2.6146 20.362 2.32698C19.9836 2.13419 19.5904 2.06287 19.195 2.03057C18.8205 1.99997 18.3657 1.99998 17.8385 2ZM8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13H16C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11H8Z" fill="${t()}"/>
+</svg>
+
+  `), g = encodeURIComponent(`
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.8385 2H6.16146C5.63433 1.99998 5.17954 1.99997 4.80497 2.03057C4.40963 2.06287 4.01641 2.13419 3.63803 2.32698C3.07354 2.6146 2.6146 3.07354 2.32698 3.63803C2.13419 4.01641 2.06287 4.40963 2.03057 4.80497C1.99997 5.17954 1.99998 5.63429 2 6.16142V17.8385C1.99998 18.3657 1.99997 18.8205 2.03057 19.195C2.06287 19.5904 2.13419 19.9836 2.32698 20.362C2.6146 20.9265 3.07354 21.3854 3.63803 21.673C4.01641 21.8658 4.40963 21.9371 4.80497 21.9694C5.17954 22 5.6343 22 6.16144 22H17.8386C18.3657 22 18.8205 22 19.195 21.9694C19.5904 21.9371 19.9836 21.8658 20.362 21.673C20.9265 21.3854 21.3854 20.9265 21.673 20.362C21.8658 19.9836 21.9371 19.5904 21.9694 19.195C22 18.8205 22 18.3657 22 17.8386V6.16144C22 5.6343 22 5.17954 21.9694 4.80497C21.9371 4.40963 21.8658 4.01641 21.673 3.63803C21.3854 3.07354 20.9265 2.6146 20.362 2.32698C19.9836 2.13419 19.5904 2.06287 19.195 2.03057C18.8205 1.99997 18.3657 1.99998 17.8385 2ZM17.2071 9.70711C17.5976 9.31658 17.5976 8.68342 17.2071 8.29289C16.8166 7.90237 16.1834 7.90237 15.7929 8.29289L10.5 13.5858L8.20711 11.2929C7.81658 10.9024 7.18342 10.9024 6.79289 11.2929C6.40237 11.6834 6.40237 12.3166 6.79289 12.7071L9.79289 15.7071C10.1834 16.0976 10.8166 16.0976 11.2071 15.7071L17.2071 9.70711Z" fill="${t()}"/>
+</svg>
+  `), a = encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M20 6L9 17L4 12" stroke="${t()}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`);
+  function d(e) {
+    return r ? `url('data:image/svg+xml,${a}');` : e ? `url('data:image/svg+xml,${c}');` : C ? `url('data:image/svg+xml,${g}');` : null;
+  }
+  return /* @__PURE__ */ m(
+    w,
+    {
+      overrides: v(
+        {
+          Checkmark: {
+            style: ({ $theme: e, $isIndeterminate: u }) => ({
+              borderRadius: e.sizing.scale100,
+              borderWidth: r && o ? 0 : e.sizing.scale0,
+              backgroundImage: d(u),
+              backgroundSize: "auto",
+              backgroundColor: e.colors.backgroundPrimary
+            })
+          }
+        },
+        l
+      ),
+      checked: r || C,
+      disabled: o,
+      error: i,
+      ...s
+    }
+  );
+}
+export {
+  x as Checkbox
+};

package/dist/components/checkbox/index.js

@@ -0,0 +1,4 @@
+import { Checkbox as r } from "./checkbox.js";
+export {
+  r as Checkbox
+};

package/dist/components/content-stepper/content-stepper.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { Override } from 'baseui/helpers/overrides';
+export type ContentStepperOverrides = {
+    Root?: Override;
+    Header?: Override;
+    CloseButton?: Override;
+    CloseIcon?: Override;
+    Body?: Override;
+    Footer?: Override;
+    StepCount?: Override;
+    NextButton?: Override;
+    PrevButton?: Override;
+};
+export type ContentStepperFooterProps = {
+    withStepCount?: boolean;
+    currentStep: number;
+    totalSteps: number;
+    previousButtonLabel?: string;
+    nextButtonLabel?: string;
+    onNextClick: (closeCb: any) => void;
+    onPreviousClick: (closeCb: any) => void;
+    previousButtonAlwaysEnabled?: boolean;
+    overrides?: ContentStepperOverrides;
+};
+export declare function ContentStepperFooter({ withStepCount, currentStep, totalSteps, previousButtonLabel, nextButtonLabel, onNextClick, onPreviousClick, previousButtonAlwaysEnabled, overrides, }: ContentStepperFooterProps): import("react/jsx-runtime").JSX.Element;
+export type ContentStep = {
+    title?: ReactNode;
+    body: ReactNode;
+    withCloseButton?: boolean;
+    onNextClick?: () => void;
+    onPreviousClick?: () => void;
+    nextButtonLabel?: string;
+    previousButtonLabel?: string;
+};
+export type ContentStepperProps = {
+    steps: ContentStep[];
+    withStepCount?: boolean;
+    overrides?: ContentStepperOverrides;
+    onClose?: () => void;
+    onStepsCompleted: () => void;
+    previousButtonAlwaysEnabled?: boolean;
+    loading?: boolean;
+};
+export declare function ContentStepper({ steps, withStepCount, overrides, onClose, onStepsCompleted, previousButtonAlwaysEnabled, loading, }: ContentStepperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/content-stepper/content-stepper.js

@@ -0,0 +1,107 @@
+import { jsxs as C, jsx as e } from "react/jsx-runtime";
+import { useState as j, useMemo as v, useCallback as F } from "react";
+import { Block as z } from "baseui/block";
+import { getOverrides as n } from "baseui/helpers/overrides";
+import { useStyletron as g } from "baseui";
+import { ContentStepperHeaderSkeleton as w, ContentStepperBodySkeleton as M, ContentStepperFooterSkeleton as O } from "./skeletons.js";
+import { StyledContentStepperFooter as $, StyledContentStepperStepCount as q, ContentStepperPrevButton as A, ContentStepperNextButton as D, StyledContentStepperRoot as E, StyledContentStepperHeader as G, StyledContentStepperBody as J, ContentStepperCloseButton as K } from "./styled-components.js";
+import Q from "../icons/line/close/index.js";
+function T({
+  withStepCount: l = !0,
+  currentStep: i,
+  totalSteps: r,
+  previousButtonLabel: S = "Previous",
+  nextButtonLabel: c = "Next",
+  onNextClick: B,
+  onPreviousClick: s,
+  previousButtonAlwaysEnabled: a = !1,
+  overrides: p = {}
+}) {
+  const [f, P] = n(
+    p.Footer,
+    $
+  ), [d, x] = n(
+    p.StepCount,
+    q
+  ), [h, k] = n(
+    p.PrevButton,
+    A
+  ), [m, y] = n(
+    p.NextButton,
+    D
+  );
+  return /* @__PURE__ */ C(f, { $withStepCount: l, ...P, children: [
+    l && /* @__PURE__ */ C(d, { ...x, children: [
+      i,
+      " of ",
+      r
+    ] }),
+    /* @__PURE__ */ C(z, { children: [
+      i > 1 || a ? /* @__PURE__ */ e(h, { ...k, onClick: s, children: S }) : null,
+      /* @__PURE__ */ e(m, { ...y, onClick: B, children: c })
+    ] })
+  ] });
+}
+function ot({
+  steps: l,
+  withStepCount: i = !0,
+  overrides: r = {},
+  onClose: S,
+  onStepsCompleted: c,
+  previousButtonAlwaysEnabled: B = !1,
+  loading: s = !1
+}) {
+  const [, a] = g(), [p, f] = n(
+    r.Root,
+    E
+  ), [P, d] = n(
+    r.Header,
+    G
+  ), [x, h] = n(
+    r.Body,
+    J
+  ), [k, m] = n(
+    r.CloseButton,
+    K
+  ), [y, H] = n(r.CloseIcon, Q), [o, N] = j(0), t = v(() => l[o], [o, l]), b = l.length, I = F(() => {
+    N(0), S();
+  }, [S]), L = F(() => {
+    var u;
+    o < b - 1 ? N(o + 1) : c == null || c(), (u = t.onNextClick) == null || u.call(t);
+  }, [o, b, c, t]), R = F(() => {
+    var u;
+    o > 0 && N(o - 1), (u = t.onPreviousClick) == null || u.call(t);
+  }, [o, t]);
+  return /* @__PURE__ */ C(p, { ...f, children: [
+    s ? /* @__PURE__ */ e(w, {}) : /* @__PURE__ */ C(P, { ...d, children: [
+      t.title,
+      t.withCloseButton && /* @__PURE__ */ e(k, { ...m, onClick: I, children: /* @__PURE__ */ e(
+        y,
+        {
+          size: a.sizing.scale600,
+          stroke: "currentColor",
+          ...H
+        }
+      ) })
+    ] }),
+    s ? /* @__PURE__ */ e(M, {}) : /* @__PURE__ */ e(x, { ...h, children: t.body }),
+    s ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ e(
+      T,
+      {
+        withStepCount: i,
+        totalSteps: b,
+        currentStep: o + 1,
+        onNextClick: L,
+        onPreviousClick: R,
+        nextButtonLabel: t.nextButtonLabel,
+        previousButtonLabel: t.previousButtonLabel,
+        overrides: r,
+        previousButtonAlwaysEnabled: B
+      }
+    )
+  ] });
+}
+export {
+  ot as ContentStepper,
+  T as ContentStepperFooter
+};

package/dist/components/content-stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './content-stepper';
+export * from './styled-components';

package/dist/components/content-stepper/index.js

@@ -0,0 +1,14 @@
+import { ContentStepper as o, ContentStepperFooter as n } from "./content-stepper.js";
+import { ContentStepperCloseButton as r, ContentStepperNextButton as S, ContentStepperPrevButton as C, StyledContentStepperBody as d, StyledContentStepperFooter as l, StyledContentStepperHeader as y, StyledContentStepperRoot as u, StyledContentStepperStepCount as B } from "./styled-components.js";
+export {
+  o as ContentStepper,
+  r as ContentStepperCloseButton,
+  n as ContentStepperFooter,
+  S as ContentStepperNextButton,
+  C as ContentStepperPrevButton,
+  d as StyledContentStepperBody,
+  l as StyledContentStepperFooter,
+  y as StyledContentStepperHeader,
+  u as StyledContentStepperRoot,
+  B as StyledContentStepperStepCount
+};

package/dist/components/content-stepper/skeletons.d.ts

@@ -0,0 +1,3 @@
+export declare function ContentStepperHeaderSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function ContentStepperBodySkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function ContentStepperFooterSkeleton(): import("react/jsx-runtime").JSX.Element;