@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.7

package/dist/components/page-kits/MarketingShellPageKit.js

@@ -0,0 +1,131 @@
+'use client';
+export { MarketingShellPageKit } from '../../chunk-E4L6LR6P.js';
+import '../../chunk-AYWL4IYM.js';
+import '../../chunk-WOYBVPXK.js';
+import '../../chunk-DQPK2XRL.js';
+import '../../chunk-HOWTYZL5.js';
+import '../../chunk-GHIBG7OM.js';
+import '../../chunk-WI547C47.js';
+import '../../chunk-A7NUWD76.js';
+import '../../chunk-CUZJIDU7.js';
+import '../../chunk-AP3XXYAY.js';
+import '../../chunk-LIBXYD5Q.js';
+import '../../chunk-I23DDSU7.js';
+import '../../chunk-7KIDDF3I.js';
+import '../../chunk-6FOHUNXR.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/page-kits/NavigationShellPageKit.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+export interface NavigationShellPageKitNavItem {
+    label: string;
+    href: string;
+    icon?: ReactNode;
+    badge?: string;
+    roles?: string[];
+    isActive?: boolean;
+}
+export interface NavigationShellPageKitNavGroup {
+    label: string;
+    items: NavigationShellPageKitNavItem[];
+}
+export interface NavigationShellPageKitBreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface NavigationShellPageKitUser {
+    name: string;
+    email?: string;
+    avatarFallback?: string;
+}
+export interface NavigationShellPageKitProps {
+    workspaceName: string;
+    workspaceHref?: string;
+    navigationGroups: NavigationShellPageKitNavGroup[];
+    currentRole?: string;
+    activeHref?: string;
+    sidebarOpen?: boolean;
+    onSidebarOpenChange?: (open: boolean) => void;
+    defaultSidebarOpen?: boolean;
+    breadcrumbs?: NavigationShellPageKitBreadcrumbItem[];
+    headerSearch?: ReactNode;
+    headerNotifications?: ReactNode;
+    headerActions?: ReactNode;
+    user?: NavigationShellPageKitUser;
+    emptyNavigationMessage?: string;
+    children: ReactNode;
+    className?: string;
+}
+export declare function NavigationShellPageKit({ workspaceName, workspaceHref, navigationGroups, currentRole, activeHref, sidebarOpen, onSidebarOpenChange, defaultSidebarOpen, breadcrumbs, headerSearch, headerNotifications, headerActions, user, emptyNavigationMessage, children, className, }: NavigationShellPageKitProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/page-kits/NavigationShellPageKit.js

@@ -0,0 +1,132 @@
+'use client';
+export { NavigationShellPageKit } from '../../chunk-TUKZKU72.js';
+import '../../chunk-4HRVRW2X.js';
+import '../../chunk-C4SNHMYC.js';
+import '../../chunk-MJ4CB6ZL.js';
+import '../../chunk-B5QL76GA.js';
+import '../../chunk-HOWTYZL5.js';
+import '../../chunk-RASEB2XI.js';
+import '../../chunk-CUZJIDU7.js';
+import '../../chunk-AP3XXYAY.js';
+import '../../chunk-LIBXYD5Q.js';
+import '../../chunk-35EX5FP5.js';
+import '../../chunk-NAAU5IWU.js';
+import '../../chunk-7KIDDF3I.js';
+import '../../chunk-6FOHUNXR.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-S4JAHKOP.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/page-kits/OnboardingPageKit.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { NavigationShellPageKitProps } from "./NavigationShellPageKit";
+export type OnboardingPageKitState = "default" | "active-step" | "validation-error" | "saving" | "complete";
+export interface OnboardingPageKitStep {
+    id: string;
+    title: string;
+    description?: string;
+    optional?: boolean;
+    content: React.ReactNode;
+}
+export interface OnboardingPageKitProps {
+    shell: Omit<NavigationShellPageKitProps, "children">;
+    steps: OnboardingPageKitStep[];
+    activeStepIndex: number;
+    state?: OnboardingPageKitState;
+    validationMessage?: string;
+    onStepChange?: (stepIndex: number) => void;
+    onComplete?: () => void;
+    canSkipOptionalStep?: boolean;
+    onBack?: () => void;
+    onContinueFromComplete?: () => void;
+    completeTitle?: string;
+    completeDescription?: string;
+    className?: string;
+}
+export declare function OnboardingPageKit({ shell, steps, activeStepIndex, state, validationMessage, onStepChange, onComplete, canSkipOptionalStep, onBack, onContinueFromComplete, completeTitle, completeDescription, className, }: OnboardingPageKitProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/page-kits/OnboardingPageKit.js

@@ -0,0 +1,248 @@
+import { CrudFormPageKit } from '../../chunk-GV4PKHG4.js';
+import '../../chunk-TUKZKU72.js';
+import { Typography } from '../../chunk-N53OMWW2.js';
+import '../../chunk-4OBE2FS2.js';
+import '../../chunk-4HRVRW2X.js';
+import '../../chunk-C4SNHMYC.js';
+import '../../chunk-MJ4CB6ZL.js';
+import '../../chunk-B5QL76GA.js';
+import '../../chunk-HOWTYZL5.js';
+import '../../chunk-WH62BE24.js';
+import '../../chunk-RX5EUODB.js';
+import { Heading } from '../../chunk-WI547C47.js';
+import '../../chunk-RASEB2XI.js';
+import '../../chunk-CUZJIDU7.js';
+import '../../chunk-AP3XXYAY.js';
+import '../../chunk-LIBXYD5Q.js';
+import '../../chunk-35EX5FP5.js';
+import { Card, CardHeader, CardTitle, CardContent } from '../../chunk-AH6YSYYT.js';
+import '../../chunk-NAAU5IWU.js';
+import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-6FOHUNXR.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-S4JAHKOP.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function mapState(state) {
+  switch (state) {
+    case "validation-error":
+      return "validation-error";
+    case "saving":
+      return "submitting";
+    case "active-step":
+      return "dirty";
+    case "complete":
+      return "saved";
+    default:
+      return "pristine";
+  }
+}
+function OnboardingPageKit({
+  shell,
+  steps,
+  activeStepIndex,
+  state = "default",
+  validationMessage,
+  onStepChange,
+  onComplete,
+  canSkipOptionalStep = false,
+  onBack,
+  onContinueFromComplete,
+  completeTitle = "Onboarding complete",
+  completeDescription = "Your workspace is ready. Continue to your dashboard.",
+  className
+}) {
+  const hasSteps = steps.length > 0;
+  const boundedStepIndex = hasSteps ? Math.min(Math.max(activeStepIndex, 0), steps.length - 1) : 0;
+  const currentStep = hasSteps ? steps[boundedStepIndex] : null;
+  const isLastStep = hasSteps ? boundedStepIndex === steps.length - 1 : true;
+  if (state === "complete") {
+    return /* @__PURE__ */ jsx(
+      CrudFormPageKit,
+      {
+        shell,
+        title: "Onboarding",
+        description: "Complete state",
+        state: "saved",
+        sections: [
+          {
+            id: "complete",
+            title: completeTitle,
+            content: /* @__PURE__ */ jsxs(Card, { children: [
+              /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: completeTitle }) }),
+              /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "muted", children: completeDescription }),
+                onContinueFromComplete ? /* @__PURE__ */ jsx(Button, { onClick: onContinueFromComplete, children: "Continue" }) : null
+              ] })
+            ] })
+          }
+        ],
+        className
+      }
+    );
+  }
+  const title = currentStep ? `Onboarding \xB7 ${currentStep.title}` : "Onboarding";
+  const description = hasSteps ? `Step ${boundedStepIndex + 1} of ${steps.length}` : "Configure your workspace in a guided flow.";
+  return /* @__PURE__ */ jsx(
+    CrudFormPageKit,
+    {
+      shell,
+      title,
+      description,
+      state: mapState(state),
+      validationMessage,
+      sections: [
+        {
+          id: currentStep?.id ?? "no-steps",
+          title: currentStep?.title ?? "No steps configured",
+          description: currentStep?.description,
+          optional: currentStep?.optional,
+          content: currentStep ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx(Heading, { level: 4, children: currentStep.title }),
+            currentStep.description ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: currentStep.description }) : null,
+            /* @__PURE__ */ jsx("div", { children: currentStep.content })
+          ] }) : /* @__PURE__ */ jsx(Typography, { variant: "muted", children: "Provide at least one onboarding step." })
+        }
+      ],
+      actions: {
+        secondary: onBack ? {
+          label: "Back",
+          onAction: onBack,
+          disabled: boundedStepIndex === 0
+        } : void 0,
+        tertiary: canSkipOptionalStep && currentStep?.optional ? {
+          label: "Skip optional step",
+          onAction: () => onComplete?.()
+        } : void 0,
+        primary: {
+          label: isLastStep ? "Complete" : "Next",
+          onAction: () => {
+            if (!hasSteps || isLastStep) {
+              onComplete?.();
+            } else {
+              onStepChange?.(boundedStepIndex + 1);
+            }
+          }
+        }
+      },
+      className
+    }
+  );
+}
+
+export { OnboardingPageKit };

package/dist/components/page-kits/PricingPageKit.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+import { CallToActionBlock } from "../blocks/CallToActionBlock";
+import { ComparisonBlock } from "../blocks/ComparisonBlock";
+import { FAQBlock } from "../blocks/FAQBlock";
+import { PricingBlock } from "../blocks/PricingBlock";
+import { type MarketingShellPageKitProps } from "./MarketingShellPageKit";
+export type PricingPageKitState = "default" | "billing-toggle" | "loading-action" | "empty-plan";
+export interface PricingPageKitPlanAction {
+    id: string;
+    label: string;
+    href: string;
+    onAction?: () => void;
+    disabled?: boolean;
+}
+export interface PricingPageKitBillingControls {
+    monthlyLabel?: string;
+    yearlyLabel?: string;
+    yearlyBadgeLabel?: string;
+    supportsYearly?: boolean;
+    note?: string;
+}
+export interface PricingPageKitEmptyState {
+    title: string;
+    description: string;
+}
+export interface PricingPageKitProps {
+    shell: Omit<MarketingShellPageKitProps, "children">;
+    state?: PricingPageKitState;
+    title?: string;
+    description?: string;
+    plans?: React.ComponentProps<typeof PricingBlock>["plans"];
+    billing?: PricingPageKitBillingControls;
+    comparison?: React.ComponentProps<typeof ComparisonBlock> | null;
+    faq?: React.ComponentProps<typeof FAQBlock> | null;
+    cta?: React.ComponentProps<typeof CallToActionBlock> | null;
+    planActions?: PricingPageKitPlanAction[];
+    emptyState?: PricingPageKitEmptyState;
+    loadingMessage?: string;
+    className?: string;
+}
+export declare function PricingPageKit({ shell, state, title, description, plans, billing, comparison, faq, cta, planActions, emptyState, loadingMessage, className, }: PricingPageKitProps): import("react/jsx-runtime").JSX.Element;