@mintlify/components 1.0.0 → 1.0.1

package/dist/components/property/param-head.js

@@ -1,87 +1,87 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import P from "../../node_modules/.pnpm/@sindresorhus_slugify@2.2.1/node_modules/@sindresorhus/slugify/index.js";
 import { useRef as R, useState as _, useCallback as j, useEffect as u } from "react";
 import { LinkIcon as H } from "../../icons/index.js";
-import { cn as y } from "../../utils/cn.js";
+import { cn as k } from "../../utils/cn.js";
 import { copyToClipboard as O } from "../../utils/copy-to-clipboard.js";
 import { InfoPill as c, RequiredPill as $, DeprecatedPill as S } from "./pills.js";
 const F = ({
-  name: n,
+  name: o,
   type: m,
   location: p,
-  required: k,
-  deprecated: b,
-  default: t,
-  id: x,
-  pre: o,
-  post: d,
-  onMount: l,
-  navigateToHeaderAriaLabel: v,
+  required: b,
+  deprecated: x,
+  default: a,
+  id: v,
+  pre: s,
+  post: l,
+  onMount: n,
+  navigateToHeaderAriaLabel: y,
   defaultLabel: w,
   requiredLabel: N,
   deprecatedLabel: z
 }) => {
-  const f = R(null), [C, I] = _(!1), i = x ?? P(n ?? "", { decamelize: !0 }), g = j(() => {
+  const f = R(null), [C, I] = _(!1), i = v ?? P(o ?? "", { decamelize: !0 }), h = j(() => {
     i && (O(`${window.location.href.split("#")[0]}#${i}`), window.location.hash = i);
   }, [i]);
   return u(() => {
     const r = f.current;
     if (!r)
       return;
-    const a = () => {
+    const t = () => {
       const L = (r == null ? void 0 : r.offsetHeight) ?? 0;
       I(L > 28);
     };
-    a();
-    const h = new ResizeObserver(a);
-    return h.observe(r), () => {
-      h.unobserve(r);
+    t();
+    const g = new ResizeObserver(t);
+    return g.observe(r), () => {
+      g.unobserve(r);
     };
   }, []), u(() => {
-    l == null || l();
-  }, [l]), n == null ? null : /* @__PURE__ */ e(
+    n == null || n();
+  }, [n]), o == null ? null : /* @__PURE__ */ e(
     "div",
     {
-      className: y(
+      className: k(
         "group/param-head param-head relative flex break-all font-mono text-sm"
       ),
       id: i,
-      children: /* @__PURE__ */ e("div", { className: "mr-5 flex flex-1 flex-col content-start py-0.5", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
-        i && /* @__PURE__ */ e("div", { className: "absolute -top-1.5 -left-9", children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ e("div", { className: "mr-5 flex flex-1 flex-col content-start py-0.5", children: /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-2", children: [
+        i && /* @__PURE__ */ e("div", { className: "absolute -top-1.5 -left-9", children: /* @__PURE__ */ d(
           "a",
           {
-            "aria-label": v,
+            "aria-label": y,
             className: "group/link flex items-center border-0 py-2 opacity-0 focus:opacity-100 focus:outline-0 group-hover/param-head:opacity-100",
             href: `#${i}`,
-            onClick: g,
+            onClick: h,
             children: [
               "​",
-              /* @__PURE__ */ e("div", { className: "flex size-6 items-center justify-center rounded-md bg-white text-gray-400 shadow-sm ring-1 ring-gray-400/30 hover:ring-gray-400/60 group-focus/link:border-2 group-focus/link:border-primary dark:bg-background-dark dark:text-white/50 dark:ring-1 dark:ring-gray-700/25 dark:brightness-[1.35] dark:group-focus/link:border-primary-light dark:hover:ring-white/20 dark:hover:brightness-150", children: /* @__PURE__ */ e(H, {}) })
+              /* @__PURE__ */ e("div", { className: "flex size-6 items-center justify-center rounded-md bg-white text-stone-400 shadow-sm ring-1 ring-stone-400/30 hover:ring-stone-400/60 group-focus/link:border-2 group-focus/link:border-primary dark:bg-background-dark dark:text-white/50 dark:ring-1 dark:ring-stone-700/25 dark:brightness-[1.35] dark:group-focus/link:border-primary-light dark:hover:ring-white/20 dark:hover:brightness-150", children: /* @__PURE__ */ e(H, {}) })
             ]
           }
         ) }),
-        o == null ? void 0 : o.map((r, a) => /* @__PURE__ */ e(
+        s == null ? void 0 : s.map((r, t) => /* @__PURE__ */ e(
           "div",
           {
-            className: "rounded-md bg-gray-100/50 px-2 py-0.5 text-gray-600 dark:bg-white/5 dark:text-gray-200",
+            className: "rounded-md bg-stone-100/50 px-2 py-0.5 text-stone-600 dark:bg-white/5 dark:text-stone-200",
             "data-component-part": "field-meta-pre",
             children: r
           },
-          a
+          t
         )),
         /* @__PURE__ */ e(
           "div",
           {
             className: "overflow-wrap-anywhere cursor-pointer font-semibold text-primary dark:text-primary-light",
             "data-component-part": "field-name",
-            onClick: g,
-            children: n
+            onClick: h,
+            children: o
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ d(
           "div",
           {
-            className: y(
+            className: k(
               "inline items-center gap-2 font-medium text-xs [&_div]:mr-2 [&_div]:inline",
               C ? "[&_div]:leading-6" : "[&_div]:leading-5"
             ),
@@ -90,20 +90,20 @@ const F = ({
             children: [
               m && /* @__PURE__ */ e(c, { children: m }),
               p && /* @__PURE__ */ e(c, { children: p }),
-              t != null && /* @__PURE__ */ e(c, { prefix: w, children: typeof t == "string" ? (
+              a != null && /* @__PURE__ */ e(c, { prefix: w, children: typeof a == "string" ? (
                 // biome-ignore lint/style/noNestedTernary: TODO
-                t === "" ? '""' : t
-              ) : JSON.stringify(t) }),
-              k && /* @__PURE__ */ e($, { label: N }),
-              b && /* @__PURE__ */ e(S, { label: z }),
-              d == null ? void 0 : d.map((r, a) => /* @__PURE__ */ e(
+                a === "" ? '""' : a
+              ) : JSON.stringify(a) }),
+              b && /* @__PURE__ */ e($, { label: N }),
+              x && /* @__PURE__ */ e(S, { label: z }),
+              l == null ? void 0 : l.map((r, t) => /* @__PURE__ */ e(
                 "div",
                 {
-                  className: "rounded-md bg-gray-100/50 px-2 py-0.5 text-gray-600 dark:bg-white/5 dark:text-gray-200",
+                  className: "rounded-md bg-stone-100/50 px-2 py-0.5 text-stone-600 dark:bg-white/5 dark:text-stone-200",
                   "data-component-part": "field-meta-post",
                   children: r
                 },
-                a
+                t
               ))
             ]
           }

package/dist/components/property/pills.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+type InfoPillProps = {
+    children: React.ReactNode;
+    prefix?: string;
+    className?: string;
+};
+declare const InfoPill: ({ children, prefix, className }: InfoPillProps) => import("react/jsx-runtime").JSX.Element;
+declare const RequiredPill: ({ label }: {
+    label?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const DeprecatedPill: ({ label }: {
+    label?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export { InfoPill, RequiredPill, DeprecatedPill };
+//# sourceMappingURL=pills.d.ts.map

package/dist/components/property/pills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pills.d.ts","sourceRoot":"","sources":["../../../src/components/property/pills.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,iCAAiC,aAAa,4CAe/D,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,mDAalD,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,mDAapD,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/property/pills.js

@@ -1,26 +1,26 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { cn as n } from "../../utils/cn.js";
-const p = ({ children: e, prefix: t, className: a }) => /* @__PURE__ */ d(
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { cn as a } from "../../utils/cn.js";
+const l = ({ children: e, prefix: r, className: d }) => /* @__PURE__ */ n(
   "div",
   {
-    className: n(
-      "flex items-center gap-1 break-all rounded-md bg-gray-100/50 px-2 py-0.5 font-medium text-gray-600 dark:bg-white/5 dark:text-gray-200",
-      a
+    className: a(
+      "flex items-center gap-1 break-all rounded-md bg-stone-100/50 px-2 py-0.5 font-medium text-stone-600 dark:bg-white/5 dark:text-stone-200",
+      d
     ),
     "data-component-part": "field-info-pill",
     children: [
-      t && /* @__PURE__ */ r("span", { className: "text-gray-400 dark:text-gray-500", children: t }),
-      /* @__PURE__ */ r("span", { children: e })
+      r && /* @__PURE__ */ t("span", { className: "text-stone-400 dark:text-stone-500", children: r }),
+      /* @__PURE__ */ t("span", { children: e })
     ]
   }
-), m = ({ label: e }) => e ? /* @__PURE__ */ r(
+), p = ({ label: e }) => e ? /* @__PURE__ */ t(
   "div",
   {
     className: "whitespace-nowrap rounded-md bg-red-100/50 px-2 py-0.5 font-medium text-red-600 dark:bg-red-400/10 dark:text-red-300",
     "data-component-part": "field-required-pill",
     children: e
   }
-) : null, o = ({ label: e }) => e ? /* @__PURE__ */ r(
+) : null, m = ({ label: e }) => e ? /* @__PURE__ */ t(
   "div",
   {
     className: "whitespace-nowrap rounded-md bg-amber-100/50 px-2 py-0.5 font-medium text-amber-600 dark:bg-amber-400/10 dark:text-amber-300",
@@ -29,7 +29,7 @@ const p = ({ children: e, prefix: t, className: a }) => /* @__PURE__ */ d(
   }
 ) : null;
 export {
-  o as DeprecatedPill,
-  p as InfoPill,
-  m as RequiredPill
+  m as DeprecatedPill,
+  l as InfoPill,
+  p as RequiredPill
 };

package/dist/components/property/property.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+type PropertyProps = {
+    name: string;
+    type: string;
+    location?: string;
+    hidden?: boolean;
+    default?: unknown;
+    required?: boolean;
+    deprecated?: boolean;
+    children: ReactNode;
+    id?: string;
+    pre?: string[];
+    post?: string[];
+    className?: string;
+    onMount?: () => void;
+    navigateToHeaderAriaLabel?: string;
+    defaultLabel?: string;
+    requiredLabel?: string;
+    deprecatedLabel?: string;
+};
+declare const Property: ({ name, type, location, hidden, default: defaultValue, required, deprecated, children, id, pre, post, className, onMount, navigateToHeaderAriaLabel, defaultLabel, requiredLabel, deprecatedLabel, }: PropertyProps) => import("react/jsx-runtime").JSX.Element | null;
+export { Property };
+export type { PropertyProps };
+//# sourceMappingURL=property.d.ts.map

package/dist/components/property/property.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property.d.ts","sourceRoot":"","sources":["../../../src/components/property/property.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAMhD,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAOF,QAAA,MAAM,QAAQ,GAAI,sMAkBf,aAAa,mDAmEf,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/property/property.js

@@ -1,76 +1,76 @@
 import { jsxs as T, jsx as s } from "react/jsx-runtime";
-import { useMemo as g } from "react";
-import { MAX_DEFAULT_VALUE_LENGTH as y } from "../../constants/index.js";
-import { Classes as N } from "../../constants/selectors.js";
-import { cn as U } from "../../utils/cn.js";
-import { ParamHead as j } from "./param-head.js";
-const F = "Navigate to header", h = "default", O = "required", R = "deprecated", k = ({
+import { useMemo as N } from "react";
+import { MAX_DEFAULT_VALUE_LENGTH as U } from "../../constants/index.js";
+import { Classes as j } from "../../constants/selectors.js";
+import { cn as F } from "../../utils/cn.js";
+import { ParamHead as g } from "./param-head.js";
+const h = "Navigate to header", y = "default", O = "required", R = "deprecated", k = ({
   name: n,
   type: i,
   location: c,
   hidden: m,
-  default: r,
-  required: a,
-  deprecated: p,
-  children: e,
-  id: d,
-  pre: l,
-  post: E,
+  default: t,
+  required: p,
+  deprecated: d,
+  children: r,
+  id: l,
+  pre: E,
+  post: a,
   className: A,
   onMount: f,
-  navigateToHeaderAriaLabel: L = F,
-  defaultLabel: _ = h,
+  navigateToHeaderAriaLabel: L = h,
+  defaultLabel: _ = y,
   requiredLabel: u = O,
   deprecatedLabel: b = R
 }) => {
-  const D = g(() => {
-    if (r !== null && typeof r == "object" && Object.values(r).some(
+  const D = N(() => {
+    if (t !== null && typeof t == "object" && Object.values(t).some(
       (o) => o !== null && typeof o == "object"
     ))
       return null;
     try {
-      const t = JSON.stringify(r);
-      if (t && t.length > 0 && t.length < y)
-        return t;
+      const e = JSON.stringify(t);
+      if (e && e.length > 0 && e.length < U)
+        return e;
     } catch {
       return null;
     }
     return null;
-  }, [r]);
+  }, [t]);
   return m ? null : /* @__PURE__ */ T(
     "div",
     {
-      className: U(
-        N.Field,
-        "my-2.5 border-gray-50 border-b pt-2.5 pb-5 dark:border-gray-800/50",
+      className: F(
+        j.Field,
+        "my-2.5 border-stone-50 border-b pt-2.5 pb-5 dark:border-stone-800/50",
         A
       ),
       children: [
         /* @__PURE__ */ s(
-          j,
+          g,
           {
             default: D,
             defaultLabel: _,
-            deprecated: p,
+            deprecated: d,
             deprecatedLabel: b,
-            id: d,
+            id: l,
             location: c,
             name: n,
             navigateToHeaderAriaLabel: L,
             onMount: f,
-            post: E,
-            pre: l,
-            required: a,
+            post: a,
+            pre: E,
+            required: p,
             requiredLabel: u,
             type: i
           }
         ),
-        e && /* @__PURE__ */ s(
+        r && /* @__PURE__ */ s(
           "div",
           {
-            className: "prose-sm prose-gray dark:prose-invert mt-4 [&_.prose>p:first-child]:mt-0 [&_.prose>p:last-child]:mb-0",
+            className: "prose-sm prose-stone dark:prose-invert mt-4 [&_.prose>p:first-child]:mt-0 [&_.prose>p:last-child]:mb-0",
             "data-component-part": "field-content",
-            children: e
+            children: r
           }
         )
       ]

package/dist/components/steps/constants.d.ts

@@ -0,0 +1,5 @@
+declare const STEP_TITLE_SIZES: readonly ["p", "h2", "h3", "h4"];
+type StepTitleSize = (typeof STEP_TITLE_SIZES)[number];
+export { STEP_TITLE_SIZES };
+export type { StepTitleSize };
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/steps/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/steps/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,kCAAmC,CAAC;AAC1D,KAAK,aAAa,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,5 @@
+export type { StepTitleSize } from './constants';
+export { STEP_TITLE_SIZES } from './constants';
+export type { StepsItemProps, StepsProps } from './steps';
+export { Steps } from './steps';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/steps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/steps/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/steps/steps.d.ts

@@ -0,0 +1,27 @@
+import { default as React, ReactNode } from 'react';
+import { IconLibrary, IconType } from '../../utils/icon-utils';
+import { StepTitleSize } from './constants';
+type Numberish = number | `${number}`;
+type StepsItemProps = {
+    icon?: ReactNode | string;
+    stepNumber?: Numberish;
+    iconType?: IconType;
+    iconLibrary?: IconLibrary;
+    title: string | ReactNode;
+    children?: string | ReactNode;
+    titleSize?: StepTitleSize;
+    className?: string;
+    isLast?: boolean;
+};
+type StepsProps = {
+    children: React.ReactElement<StepsItemProps> | React.ReactElement<StepsItemProps>[];
+    titleSize?: StepTitleSize;
+    className?: string;
+};
+declare const Steps: {
+    ({ children, titleSize, className }: StepsProps): import("react/jsx-runtime").JSX.Element;
+    Item: ({ stepNumber, icon, iconType, iconLibrary, title, children, titleSize, className, isLast, }: StepsItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Steps };
+export type { StepsItemProps, StepsProps };
+//# sourceMappingURL=steps.d.ts.map

package/dist/components/steps/steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../src/components/steps/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEnE,KAAK,SAAS,GAAG,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;AAEtC,KAAK,cAAc,GAAG;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA8GF,KAAK,UAAU,GAAG;IAChB,QAAQ,EACJ,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,GAClC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,KAAK;yCAAwC,UAAU;wGA1G1D,cAAc;CAkIhB,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/steps/steps.js

@@ -1,30 +1,30 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { Classes as d } from "../../constants/selectors.js";
 import { cn as o } from "../../utils/cn.js";
-import { STEP_TITLE_SIZES as y } from "./constants.js";
-import { Icon as v } from "../icon/icon.js";
+import { STEP_TITLE_SIZES as N } from "./constants.js";
+import { Icon as g } from "../icon/icon.js";
 const h = ({
-  stepNumber: a = 1,
-  icon: r,
+  stepNumber: r = 1,
+  icon: s,
   iconType: m,
   iconLibrary: n,
   title: t,
-  children: s,
+  children: a,
   titleSize: i = "p",
   className: b,
   isLast: f = !1
 }) => {
-  const g = y.includes(i) ? i : "p", u = typeof r == "string" ? /* @__PURE__ */ e(
-    v,
+  const u = N.includes(i) ? i : "p", v = typeof s == "string" ? /* @__PURE__ */ e(
+    g,
     {
-      className: "size-3 bg-gray-900 dark:bg-gray-50",
-      icon: r,
+      className: "size-3 bg-stone-900 dark:bg-stone-50",
+      icon: s,
       iconLibrary: n,
       iconType: m,
       overrideColor: !0,
       overrideSize: !0
     }
-  ) : r ?? Number(a);
+  ) : s ?? Number(r);
   return (
     // biome-ignore lint/a11y/useSemanticElements: TODO
     /* @__PURE__ */ c(
@@ -43,7 +43,7 @@ const h = ({
             {
               className: o(
                 "absolute top-11 h-[calc(100%-2.75rem)] w-px",
-                f ? 'bg-linear-to-b from-gray-200 via-80% via-gray-200 to-transparent group-has-[[data-component-part="step-content"]:empty]/step:hidden dark:from-white/10 dark:via-white/10' : "bg-gray-200/70 dark:bg-white/10"
+                f ? 'bg-linear-to-b from-stone-200 via-80% via-stone-200 to-transparent group-has-[[data-component-part="step-content"]:empty]/step:hidden dark:from-white/10 dark:via-white/10' : "bg-stone-200/70 dark:bg-white/10"
               ),
               contentEditable: !1,
               "data-component-part": "step-line"
@@ -55,12 +55,12 @@ const h = ({
               className: "absolute ml-[-13px] py-2",
               contentEditable: !1,
               "data-component-part": "step-number",
-              children: /* @__PURE__ */ e("div", { className: "flex size-7 shrink-0 items-center justify-center rounded-full bg-gray-50 font-semibold text-gray-900 text-xs dark:bg-white/10 dark:text-gray-50", children: u })
+              children: /* @__PURE__ */ e("div", { className: "flex size-7 shrink-0 items-center justify-center rounded-full bg-stone-50 font-semibold text-stone-900 text-xs dark:bg-white/10 dark:text-stone-50", children: v })
             }
           ),
           /* @__PURE__ */ c("div", { className: "w-full overflow-hidden pr-px pl-8", children: [
             !!t && (() => {
-              const l = "mt-2 text-gray-900 dark:text-gray-200", p = {
+              const l = "mt-2 text-stone-900 dark:text-stone-200", p = {
                 contentEditable: !1,
                 "data-component-part": "step-title"
               };
@@ -79,14 +79,14 @@ const h = ({
                 h2: /* @__PURE__ */ e("h2", { className: l, ...p, children: t }),
                 h3: /* @__PURE__ */ e("h3", { className: l, ...p, children: t }),
                 h4: /* @__PURE__ */ e("h4", { className: l, ...p, children: t })
-              }[g];
+              }[u];
             })(),
             /* @__PURE__ */ e(
               "div",
               {
                 className: o("prose dark:prose-invert", !t && "mt-2"),
                 "data-component-part": "step-content",
-                children: s
+                children: a
               }
             )
           ] })
@@ -94,8 +94,8 @@ const h = ({
       }
     )
   );
-}, N = ({ children: a, titleSize: r, className: m }) => {
-  const n = (Array.isArray(a) ? a : [a]).filter(
+}, x = ({ children: r, titleSize: s, className: m }) => {
+  const n = (Array.isArray(r) ? r : [r]).filter(
     Boolean
   );
   return (
@@ -106,21 +106,21 @@ const h = ({
         className: o(d.Steps, "mt-10 mb-6 ml-3.5", m),
         "data-component-part": "steps",
         role: "list",
-        children: n.map(({ props: t }, s) => /* @__PURE__ */ e(
+        children: n.map(({ props: t }, a) => /* @__PURE__ */ e(
           h,
           {
             ...t,
-            isLast: s === n.length - 1,
-            stepNumber: t.stepNumber ?? s + 1,
-            titleSize: t.titleSize ?? r
+            isLast: a === n.length - 1,
+            stepNumber: t.stepNumber ?? a + 1,
+            titleSize: t.titleSize ?? s
           },
-          `step-${s}`
+          `step-${a}`
         ))
       }
     )
   );
 };
-N.Item = h;
+x.Item = h;
 export {
-  N as Steps
+  x as Steps
 };

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

@@ -0,0 +1,3 @@
+export type { TabsItemProps, TabsProps } from './tabs';
+export { Tabs } from './tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,36 @@
+import { ReactElement, ReactNode, RefObject } from 'react';
+import { CHILD_HEADING_IDS_ATTRIBUTE, CHILD_TAB_IDS_ATTRIBUTE } from '../../constants';
+import { IconLibrary, IconType } from '../../utils/icon-utils';
+type TabsItemProps = {
+    id?: string;
+    title: string;
+    icon?: string;
+    iconType?: IconType;
+    iconLibrary?: IconLibrary;
+    children?: ReactNode;
+    [CHILD_TAB_IDS_ATTRIBUTE]?: string;
+    [CHILD_HEADING_IDS_ATTRIBUTE]?: string;
+};
+/**
+ * Mint app integration:
+ * - Wrap with useTabState hook for URL hash sync, tab sync across components, and localStorage persistence
+ * - useTabState provides: activeIndex, setActiveIndex (handles hash/sync/persist updates)
+ * - Connect onTabChange to setActiveIndex for full integration
+ * - Pass panelsRef and use it to implement findInPanels callback for useTabState
+ * - The component renders role="tabpanel" and aria-controls attributes that useTabState's
+ *   findAndActivateTabContainingElement() uses for DOM-based navigation
+ */
+type TabsProps = {
+    children: ReactElement<TabsItemProps> | ReactElement<TabsItemProps>[];
+    defaultTabIndex?: number;
+    onTabChange?: (tabIndex: number) => void;
+    className?: string;
+    borderBottom?: boolean;
+    ariaLabel?: string;
+    panelsRef?: RefObject<HTMLDivElement>;
+};
+export declare const Tabs: (({ children, defaultTabIndex, onTabChange, className, borderBottom, ariaLabel, panelsRef, }: TabsProps) => import("react/jsx-runtime").JSX.Element) & {
+    Item: ({ children }: TabsItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type { TabsProps, TabsItemProps };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,2BAA2B,EAC3B,uBAAuB,EACxB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAKhE,KAAK,aAAa,GAAG;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,CAAC,uBAAuB,CAAC,CAAC,EAAE,MAAM,CAAC;IACnC,CAAC,2BAA2B,CAAC,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAMF;;;;;;;;GAQG;AACH,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,YAAY,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAgMF,eAAO,MAAM,IAAI,gGAtLd,SAAS;yBA/BoB,aAAa;CAuN3C,CAAC;AAEH,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}