@contractspec/lib.design-system 0.0.0-canary-20260113162409

package/dist/components/organisms/TestimonialCarousel.js

@@ -0,0 +1,38 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent } from "@contractspec/lib.ui-kit-web/ui/card";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@contractspec/lib.ui-kit-web/ui/carousel";
+
+//#region src/components/organisms/TestimonialCarousel.tsx
+function TestimonialCarousel({ testimonials, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsxs(Carousel, { children: [
+			/* @__PURE__ */ jsx(CarouselContent, { children: testimonials.map((t, i) => /* @__PURE__ */ jsx(CarouselItem, { children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+				className: "p-6",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "text-lg",
+					children: t.quote
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "mt-4 flex items-center gap-3",
+					children: [t.avatar, /* @__PURE__ */ jsxs("div", {
+						className: "text-base",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "font-medium",
+							children: t.author
+						}), t.role && /* @__PURE__ */ jsx("div", {
+							className: "text-muted-foreground",
+							children: t.role
+						})]
+					})]
+				})]
+			}) }) }, i)) }),
+			/* @__PURE__ */ jsx(CarouselPrevious, {}),
+			/* @__PURE__ */ jsx(CarouselNext, {})
+		] })
+	});
+}
+
+//#endregion
+export { TestimonialCarousel };
+//# sourceMappingURL=TestimonialCarousel.js.map

package/dist/components/organisms/TestimonialCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestimonialCarousel.js","names":[],"sources":["../../../src/components/organisms/TestimonialCarousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from '@contractspec/lib.ui-kit-web/ui/carousel';\nimport { Card, CardContent } from '@contractspec/lib.ui-kit-web/ui/card';\n\nexport interface Testimonial {\n  quote: React.ReactNode;\n  author: React.ReactNode;\n  role?: React.ReactNode;\n  avatar?: React.ReactNode;\n}\n\nexport function TestimonialCarousel({\n  testimonials,\n  className,\n}: {\n  testimonials: Testimonial[];\n  className?: string;\n}) {\n  return (\n    <div className={className}>\n      <Carousel>\n        <CarouselContent>\n          {testimonials.map((t, i) => (\n            <CarouselItem key={i}>\n              <Card>\n                <CardContent className=\"p-6\">\n                  <div className=\"text-lg\">{t.quote}</div>\n                  <div className=\"mt-4 flex items-center gap-3\">\n                    {t.avatar}\n                    <div className=\"text-base\">\n                      <div className=\"font-medium\">{t.author}</div>\n                      {t.role && (\n                        <div className=\"text-muted-foreground\">{t.role}</div>\n                      )}\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n            </CarouselItem>\n          ))}\n        </CarouselContent>\n        <CarouselPrevious />\n        <CarouselNext />\n      </Carousel>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,oBAAoB,EAClC,cACA,aAIC;AACD,QACE,oBAAC;EAAe;YACd,qBAAC;GACC,oBAAC,6BACE,aAAa,KAAK,GAAG,MACpB,oBAAC,0BACC,oBAAC,kBACC,qBAAC;IAAY,WAAU;eACrB,oBAAC;KAAI,WAAU;eAAW,EAAE;MAAY,EACxC,qBAAC;KAAI,WAAU;gBACZ,EAAE,QACH,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAI,WAAU;iBAAe,EAAE;QAAa,EAC5C,EAAE,QACD,oBAAC;OAAI,WAAU;iBAAyB,EAAE;QAAW;OAEnD;MACF;KACM,GACT,IAdU,EAeJ,CACf,GACc;GAClB,oBAAC,qBAAmB;GACpB,oBAAC,iBAAe;MACP;GACP"}

package/dist/components/providers/PackageManagerProvider.d.ts

@@ -0,0 +1,26 @@
+import { PackageManager, PackageManagerContextValue } from "../molecules/CommandTabs/types.js";
+import { ReactNode } from "react";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+
+//#region src/components/providers/PackageManagerProvider.d.ts
+interface PackageManagerProviderProps {
+  children: ReactNode;
+  /** Default package manager preference */
+  defaultPreference?: PackageManager;
+}
+/**
+ * Provider for sharing package manager preference across CommandTabs components.
+ * Wrap your documentation layout with this provider to sync preference across all instances.
+ */
+declare function PackageManagerProvider({
+  children,
+  defaultPreference
+}: PackageManagerProviderProps): react_jsx_runtime21.JSX.Element;
+/**
+ * Hook to access the package manager preference.
+ * Returns null if not wrapped in a PackageManagerProvider (components will use local state).
+ */
+declare function usePackageManager(): PackageManagerContextValue | null;
+//#endregion
+export { PackageManagerProvider, PackageManagerProviderProps, usePackageManager };
+//# sourceMappingURL=PackageManagerProvider.d.ts.map

package/dist/components/providers/PackageManagerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageManagerProvider.d.ts","names":[],"sources":["../../../src/components/providers/PackageManagerProvider.tsx"],"sourcesContent":[],"mappings":";;;;;UAqBiB,2BAAA;YACL;;EADK,iBAAA,CAAA,EAGK,cAHsB;AAU5C;;;;;AAG8B,iBAHd,sBAAA,CAGc;EAAA,QAAA;EAAA;AAAA,CAAA,EAA3B,2BAA2B,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA;AAoC9B;;;;iBAAgB,iBAAA,CAAA,GAAqB"}

package/dist/components/providers/PackageManagerProvider.js

@@ -0,0 +1,50 @@
+'use client';
+
+import { createContext, useCallback, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/providers/PackageManagerProvider.tsx
+const STORAGE_KEY = "package-manager-preference";
+const PackageManagerContext = createContext(null);
+/**
+* Provider for sharing package manager preference across CommandTabs components.
+* Wrap your documentation layout with this provider to sync preference across all instances.
+*/
+function PackageManagerProvider({ children, defaultPreference = "bun" }) {
+	const [preference, setPreferenceState] = useState(defaultPreference);
+	useEffect(() => {
+		try {
+			const saved = localStorage.getItem(STORAGE_KEY);
+			if (saved && [
+				"bun",
+				"npm",
+				"yarn",
+				"pnpm"
+			].includes(saved)) setPreferenceState(saved);
+		} catch {}
+	}, []);
+	const setPreference = useCallback((pm) => {
+		setPreferenceState(pm);
+		try {
+			localStorage.setItem(STORAGE_KEY, pm);
+		} catch {}
+	}, []);
+	return /* @__PURE__ */ jsx(PackageManagerContext.Provider, {
+		value: {
+			preference,
+			setPreference
+		},
+		children
+	});
+}
+/**
+* Hook to access the package manager preference.
+* Returns null if not wrapped in a PackageManagerProvider (components will use local state).
+*/
+function usePackageManager() {
+	return useContext(PackageManagerContext);
+}
+
+//#endregion
+export { PackageManagerProvider, usePackageManager };
+//# sourceMappingURL=PackageManagerProvider.js.map

package/dist/components/providers/PackageManagerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageManagerProvider.js","names":[],"sources":["../../../src/components/providers/PackageManagerProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n  type ReactNode,\n} from 'react';\nimport type {\n  PackageManager,\n  PackageManagerContextValue,\n} from '../molecules/CommandTabs/types';\n\nconst STORAGE_KEY = 'package-manager-preference';\n\nconst PackageManagerContext = createContext<PackageManagerContextValue | null>(\n  null\n);\n\nexport interface PackageManagerProviderProps {\n  children: ReactNode;\n  /** Default package manager preference */\n  defaultPreference?: PackageManager;\n}\n\n/**\n * Provider for sharing package manager preference across CommandTabs components.\n * Wrap your documentation layout with this provider to sync preference across all instances.\n */\nexport function PackageManagerProvider({\n  children,\n  defaultPreference = 'bun',\n}: PackageManagerProviderProps) {\n  const [preference, setPreferenceState] =\n    useState<PackageManager>(defaultPreference);\n\n  // Hydrate from localStorage on mount\n  useEffect(() => {\n    try {\n      const saved = localStorage.getItem(STORAGE_KEY) as PackageManager | null;\n      if (saved && ['bun', 'npm', 'yarn', 'pnpm'].includes(saved)) {\n        setPreferenceState(saved);\n      }\n    } catch {\n      // localStorage not available\n    }\n  }, []);\n\n  const setPreference = useCallback((pm: PackageManager) => {\n    setPreferenceState(pm);\n    try {\n      localStorage.setItem(STORAGE_KEY, pm);\n    } catch {\n      // localStorage not available\n    }\n  }, []);\n\n  return (\n    <PackageManagerContext.Provider value={{ preference, setPreference }}>\n      {children}\n    </PackageManagerContext.Provider>\n  );\n}\n\n/**\n * Hook to access the package manager preference.\n * Returns null if not wrapped in a PackageManagerProvider (components will use local state).\n */\nexport function usePackageManager(): PackageManagerContextValue | null {\n  return useContext(PackageManagerContext);\n}\n"],"mappings":";;;;;;AAeA,MAAM,cAAc;AAEpB,MAAM,wBAAwB,cAC5B,KACD;;;;;AAYD,SAAgB,uBAAuB,EACrC,UACA,oBAAoB,SACU;CAC9B,MAAM,CAAC,YAAY,sBACjB,SAAyB,kBAAkB;AAG7C,iBAAgB;AACd,MAAI;GACF,MAAM,QAAQ,aAAa,QAAQ,YAAY;AAC/C,OAAI,SAAS;IAAC;IAAO;IAAO;IAAQ;IAAO,CAAC,SAAS,MAAM,CACzD,oBAAmB,MAAM;UAErB;IAGP,EAAE,CAAC;CAEN,MAAM,gBAAgB,aAAa,OAAuB;AACxD,qBAAmB,GAAG;AACtB,MAAI;AACF,gBAAa,QAAQ,aAAa,GAAG;UAC/B;IAGP,EAAE,CAAC;AAEN,QACE,oBAAC,sBAAsB;EAAS,OAAO;GAAE;GAAY;GAAe;EACjE;GAC8B;;;;;;AAQrC,SAAgB,oBAAuD;AACrE,QAAO,WAAW,sBAAsB"}

package/dist/components/templates/lists/ListPageTemplate/index.d.ts

@@ -0,0 +1,2 @@
+import { ListPageTemplateProps } from "./types.js";
+import { ListPageTemplate } from "./index.web.js";

package/dist/components/templates/lists/ListPageTemplate/index.web.d.ts

@@ -0,0 +1,23 @@
+import { ListPageTemplateProps } from "./types.js";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
+
+//#region src/components/templates/lists/ListPageTemplate/index.web.d.ts
+declare function ListPageTemplate<T = unknown>({
+  children,
+  title,
+  description,
+  breadcrumb,
+  actions,
+  className,
+  searchPlaceholder,
+  searchValue,
+  onSearchChange,
+  onSearchSubmit,
+  isLoading,
+  data,
+  renderItem,
+  emptyProps
+}: ListPageTemplateProps<T>): react_jsx_runtime109.JSX.Element;
+//#endregion
+export { ListPageTemplate };
+//# sourceMappingURL=index.web.d.ts.map

package/dist/components/templates/lists/ListPageTemplate/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","names":[],"sources":["../../../../../src/components/templates/lists/ListPageTemplate/index.web.tsx"],"sourcesContent":[],"mappings":";;;;iBAegB;;;;;;;;;;;;;;;GAeb,sBAAsB,KAAE,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/templates/lists/ListPageTemplate/index.web.js

@@ -0,0 +1,53 @@
+import { PageHeaderResponsive } from "../../../organisms/PageHeaderResponsive.js";
+import { FiltersToolbar } from "../../../molecules/FiltersToolbar.js";
+import { AiLinkButton } from "../../../molecules/AiLinkButton.js";
+import { EmptyDataList } from "../../../organisms/EmptyDataList.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Card, CardContent } from "@contractspec/lib.ui-kit-web/ui/card";
+import { Skeleton } from "@contractspec/lib.ui-kit-web/ui/skeleton";
+
+//#region src/components/templates/lists/ListPageTemplate/index.web.tsx
+const containerVariants = cva("space-y-4 md:space-y-6");
+function ListPageTemplate({ children, title, description, breadcrumb, actions, className, searchPlaceholder, searchValue, onSearchChange, onSearchSubmit, isLoading, data, renderItem, emptyProps }) {
+	const mdHref = React.useMemo(() => {
+		if (typeof window === "undefined") return void 0;
+		const url = new URL(window.location.href);
+		url.pathname = url.pathname.replace(/\/$/, "") + ".md";
+		return url.toString();
+	}, []);
+	const renderEmpty = () => {
+		return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(EmptyDataList, { ...emptyProps }) }) });
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(containerVariants(), className),
+		children: [
+			/* @__PURE__ */ jsx(PageHeaderResponsive, {
+				title,
+				subtitle: description,
+				breadcrumb,
+				actions: /* @__PURE__ */ jsxs(Fragment, { children: [actions, mdHref && /* @__PURE__ */ jsx(AiLinkButton, { href: mdHref })] })
+			}),
+			/* @__PURE__ */ jsx(FiltersToolbar, {
+				searchPlaceholder,
+				searchValue,
+				onSearchChange,
+				onSearchSubmit
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [data?.map((item, index) => /* @__PURE__ */ jsx("div", { children: renderItem({
+					item,
+					index
+				}) }, index)), !data?.length && (isLoading ? Array.from({ length: 10 }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full rounded-md" }, index)) : renderEmpty())]
+			}),
+			children
+		]
+	});
+}
+
+//#endregion
+export { ListPageTemplate };
+//# sourceMappingURL=index.web.js.map

package/dist/components/templates/lists/ListPageTemplate/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","names":[],"sources":["../../../../../src/components/templates/lists/ListPageTemplate/index.web.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { PageHeaderResponsive } from '../../../organisms/PageHeaderResponsive';\nimport { FiltersToolbar } from '../../../molecules/FiltersToolbar';\nimport { AiLinkButton } from '../../../molecules/AiLinkButton';\nimport type { ListPageTemplateProps } from './types';\nimport { Skeleton } from '@contractspec/lib.ui-kit-web/ui/skeleton';\nimport { Card, CardContent } from '@contractspec/lib.ui-kit-web/ui/card';\nimport { EmptyDataList } from '../../../organisms/EmptyDataList';\n\nconst containerVariants = cva('space-y-4 md:space-y-6');\n\nexport * from './types';\n\nexport function ListPageTemplate<T = unknown>({\n  children,\n  title,\n  description,\n  breadcrumb,\n  actions,\n  className,\n  searchPlaceholder,\n  searchValue,\n  onSearchChange,\n  onSearchSubmit,\n  isLoading,\n  data,\n  renderItem,\n  emptyProps,\n}: ListPageTemplateProps<T>) {\n  const mdHref = React.useMemo(() => {\n    if (typeof window === 'undefined') return undefined;\n    const url = new URL(window.location.href);\n    url.pathname = url.pathname.replace(/\\/$/, '') + '.md';\n    return url.toString();\n  }, []);\n\n  const renderEmpty = () => {\n    return (\n      <Card>\n        <CardContent>\n          <EmptyDataList {...emptyProps} />\n        </CardContent>\n      </Card>\n    );\n  };\n\n  return (\n    <div className={cn(containerVariants(), className)}>\n      <PageHeaderResponsive\n        title={title}\n        subtitle={description}\n        breadcrumb={breadcrumb}\n        actions={\n          <>\n            {actions}\n            {mdHref && <AiLinkButton href={mdHref} />}\n          </>\n        }\n      />\n      <FiltersToolbar\n        searchPlaceholder={searchPlaceholder}\n        searchValue={searchValue}\n        onSearchChange={onSearchChange}\n        onSearchSubmit={onSearchSubmit}\n      />\n      <div className=\"space-y-2\">\n        {data?.map((item, index) => (\n          <div key={index}>{renderItem({ item, index })}</div>\n        ))}\n        {!data?.length &&\n          (isLoading\n            ? Array.from({ length: 10 }).map((_, index) => (\n                <Skeleton key={index} className=\"h-20 w-full rounded-md\" />\n              ))\n            : renderEmpty())}\n      </div>\n\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,oBAAoB,IAAI,yBAAyB;AAIvD,SAAgB,iBAA8B,EAC5C,UACA,OACA,aACA,YACA,SACA,WACA,mBACA,aACA,gBACA,gBACA,WACA,MACA,YACA,cAC2B;CAC3B,MAAM,SAAS,MAAM,cAAc;AACjC,MAAI,OAAO,WAAW,YAAa,QAAO;EAC1C,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,KAAK;AACzC,MAAI,WAAW,IAAI,SAAS,QAAQ,OAAO,GAAG,GAAG;AACjD,SAAO,IAAI,UAAU;IACpB,EAAE,CAAC;CAEN,MAAM,oBAAoB;AACxB,SACE,oBAAC,kBACC,oBAAC,yBACC,oBAAC,iBAAc,GAAI,aAAc,GACrB,GACT;;AAIX,QACE,qBAAC;EAAI,WAAW,GAAG,mBAAmB,EAAE,UAAU;;GAChD,oBAAC;IACQ;IACP,UAAU;IACE;IACZ,SACE,4CACG,SACA,UAAU,oBAAC,gBAAa,MAAM,SAAU,IACxC;KAEL;GACF,oBAAC;IACoB;IACN;IACG;IACA;KAChB;GACF,qBAAC;IAAI,WAAU;eACZ,MAAM,KAAK,MAAM,UAChB,oBAAC,mBAAiB,WAAW;KAAE;KAAM;KAAO,CAAC,IAAnC,MAA0C,CACpD,EACD,CAAC,MAAM,WACL,YACG,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UACjC,oBAAC,YAAqB,WAAU,4BAAjB,MAA4C,CAC3D,GACF,aAAa;KACf;GAEL;;GACG"}

package/dist/components/templates/lists/ListPageTemplate/types.d.ts

@@ -0,0 +1,26 @@
+import { EmptyDataListProps } from "../../../organisms/EmptyDataList.types.js";
+import * as React from "react";
+
+//#region src/components/templates/lists/ListPageTemplate/types.d.ts
+interface ListPageTemplateProps<T = unknown> {
+  children?: React.ReactNode;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  breadcrumb?: React.ReactNode;
+  actions?: React.ReactNode;
+  className?: string;
+  searchPlaceholder?: string;
+  searchValue?: string;
+  onSearchChange?: (v: string) => void;
+  onSearchSubmit?: () => void;
+  isLoading?: boolean;
+  data: T[] | null;
+  renderItem: (args: {
+    item: T;
+    index: number;
+  }) => React.ReactNode;
+  emptyProps: EmptyDataListProps;
+}
+//#endregion
+export { ListPageTemplateProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/templates/lists/ListPageTemplate/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../src/components/templates/lists/ListPageTemplate/types.ts"],"sourcesContent":[],"mappings":";;;;UAGiB;aACJ,KAAA,CAAM;EADF,KAAA,EAER,KAAA,CAAM,SAFE;EACJ,WAAM,CAAA,EAEH,KAAA,CAAM,SAFH;EACV,UAAM,CAAA,EAEA,KAAA,CAAM,SAFN;EACC,OAAM,CAAA,EAEV,KAAA,CAAM,SAFI;EACP,SAAM,CAAA,EAAA,MAAA;EACT,iBAAM,CAAA,EAAA,MAAA;EASV,WAAA,CAAA,EAAA,MAAA;EACqB,cAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAuB,cAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAC5C,SAAA,CAAA,EAAA,OAAA;EAAkB,IAAA,EAFxB,CAEwB,EAAA,GAAA,IAAA;;UADH;;QAAuB,KAAA,CAAM;cAC5C"}

package/dist/hooks/useListUrlState.d.ts

@@ -0,0 +1,31 @@
+//#region src/hooks/useListUrlState.d.ts
+interface ListUrlState<TFilters extends Record<string, unknown> = Record<string, unknown>> {
+  q: string;
+  page: number;
+  limit: number;
+  sort?: string | null;
+  filters: TFilters;
+}
+declare function useListUrlState<TFilters extends Record<string, unknown> = Record<string, unknown>>({
+  defaults,
+  paramKeys,
+  replaceState
+}: {
+  defaults: ListUrlState<TFilters>;
+  paramKeys?: {
+    q: string;
+    page: string;
+    limit: string;
+    sort: string;
+    filters: string;
+  };
+  replaceState?: boolean;
+}): {
+  readonly state: ListUrlState<TFilters>;
+  readonly setState: (next: Partial<ListUrlState<TFilters>>) => void;
+  readonly setFilter: (key: keyof TFilters, value: TFilters[keyof TFilters] | undefined | null) => void;
+  readonly clearFilters: () => void;
+};
+//#endregion
+export { useListUrlState };
+//# sourceMappingURL=useListUrlState.d.ts.map

package/dist/hooks/useListUrlState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListUrlState.d.ts","names":[],"sources":["../../src/hooks/useListUrlState.ts"],"sourcesContent":[],"mappings":";UAEiB,8BACE,0BAA0B;EAD5B,CAAA,EAAA,MAAA;EACE,IAAA,EAAA,MAAA;EAA0B,KAAA,EAAA,MAAA;EAMlC,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAAQ,OAAA,EAAR,QAAQ;AAGnB;AACmB,iBADH,eACG,CAAA,iBAAA,MAAA,CAAA,MAAA,EAAA,OAAA,CAAA,GAA0B,MAA1B,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA,CAAA;EAAA,QAAA;EAAA,SAAA;EAAA;CAAA,EAAA;EAA0B,QAAA,EAYjC,YAZiC,CAYpB,QAZoB,CAAA;EAE3C,SAAA,CAAA,EAAA;IACA,CAAA,EAAA,MAAA;IAOA,IAAA,EAAA,MAAA;IAEuB,KAAA,EAAA,MAAA;IAAb,IAAA,EAAA,MAAA;;;EAuCoB,YAAA,CAAA,EAAA,OAAA;CAAb,CAAA,EAAA;EAAR,SAAA,KAAA,cAAA,SAAA,CAAA;EAmCM,SAAA,QAAA,EAAA,CAAA,IAAA,EAnCN,OAmCM,CAnCE,YAmCF,CAnCe,QAmCf,CAAA,CAAA,EAAA,GAAA,IAAA;EACJ,SAAA,SAAA,EAAA,CAAA,GAAA,EAAA,MADI,QACJ,EAAA,KAAA,EAAA,QAAA,CAAA,MAAe,QAAf,CAAA,GAAA,SAAA,GAAA,IAAA,EAAA,GAAA,IAAA;EAAe,SAAA,YAAA,EAAA,GAAA,GAAA,IAAA;CAAQ"}

package/dist/hooks/useListUrlState.js

@@ -0,0 +1,90 @@
+import * as React from "react";
+
+//#region src/hooks/useListUrlState.ts
+function useListUrlState({ defaults, paramKeys = {
+	q: "q",
+	page: "page",
+	limit: "limit",
+	sort: "sort",
+	filters: "f"
+}, replaceState = true }) {
+	const read = React.useCallback(() => {
+		if (typeof window === "undefined") return defaults;
+		const qs = new URL(window.location.href).searchParams;
+		const parseNum = (v, d) => {
+			const n = v ? Number(v) : NaN;
+			return Number.isFinite(n) && n > 0 ? n : d;
+		};
+		const filtersRaw = qs.get(paramKeys.filters);
+		let filters = defaults.filters;
+		if (filtersRaw) try {
+			filters = JSON.parse(filtersRaw);
+		} catch {
+			filters = defaults.filters;
+		}
+		return {
+			q: qs.get(paramKeys.q) ?? defaults.q,
+			page: parseNum(qs.get(paramKeys.page), defaults.page),
+			limit: parseNum(qs.get(paramKeys.limit), defaults.limit),
+			sort: qs.get(paramKeys.sort),
+			filters
+		};
+	}, [defaults, paramKeys]);
+	const [state, setState] = React.useState(read);
+	const write = React.useCallback((next) => {
+		if (typeof window === "undefined") return;
+		const url = new URL(window.location.href);
+		const qs = url.searchParams;
+		const merged = {
+			...state,
+			...next
+		};
+		const setOrDel = (key, value) => {
+			if (value == null || value === "" || value === "null") qs.delete(key);
+			else qs.set(key, value);
+		};
+		setOrDel(paramKeys.q, merged.q || null);
+		setOrDel(paramKeys.page, String(merged.page));
+		setOrDel(paramKeys.limit, String(merged.limit));
+		setOrDel(paramKeys.sort, merged.sort ?? null);
+		try {
+			const json = JSON.stringify(merged.filters ?? {});
+			setOrDel(paramKeys.filters, json === "{}" ? null : json);
+		} catch {}
+		const newUrl = `${url.pathname}?${qs.toString()}${url.hash}`;
+		if (replaceState) window.history.replaceState({}, "", newUrl);
+		else window.history.pushState({}, "", newUrl);
+		setState(merged);
+	}, [
+		state,
+		paramKeys,
+		replaceState
+	]);
+	const setFilter = React.useCallback((key, value) => {
+		write({ filters: {
+			...state.filters,
+			[key]: value
+		} });
+	}, [state.filters, write]);
+	const clearFilters = React.useCallback(() => {
+		write({
+			filters: {},
+			page: 1
+		});
+	}, [write]);
+	React.useEffect(() => {
+		const onPop = () => setState(read());
+		window.addEventListener("popstate", onPop);
+		return () => window.removeEventListener("popstate", onPop);
+	}, [read]);
+	return {
+		state,
+		setState: write,
+		setFilter,
+		clearFilters
+	};
+}
+
+//#endregion
+export { useListUrlState };
+//# sourceMappingURL=useListUrlState.js.map

package/dist/hooks/useListUrlState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListUrlState.js","names":[],"sources":["../../src/hooks/useListUrlState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface ListUrlState<\n  TFilters extends Record<string, unknown> = Record<string, unknown>,\n> {\n  q: string;\n  page: number;\n  limit: number;\n  sort?: string | null;\n  filters: TFilters;\n}\n\nexport function useListUrlState<\n  TFilters extends Record<string, unknown> = Record<string, unknown>,\n>({\n  defaults,\n  paramKeys = {\n    q: 'q',\n    page: 'page',\n    limit: 'limit',\n    sort: 'sort',\n    filters: 'f',\n  },\n  replaceState = true,\n}: {\n  defaults: ListUrlState<TFilters>;\n  paramKeys?: {\n    q: string;\n    page: string;\n    limit: string;\n    sort: string;\n    filters: string;\n  };\n  replaceState?: boolean;\n}) {\n  const read = React.useCallback((): ListUrlState<TFilters> => {\n    if (typeof window === 'undefined') return defaults;\n    const url = new URL(window.location.href);\n    const qs = url.searchParams;\n    const parseNum = (v: string | null, d: number) => {\n      const n = v ? Number(v) : NaN;\n      return Number.isFinite(n) && n > 0 ? n : d;\n    };\n    const filtersRaw = qs.get(paramKeys.filters);\n    let filters: TFilters = defaults.filters;\n    if (filtersRaw) {\n      try {\n        filters = JSON.parse(filtersRaw) as TFilters;\n      } catch {\n        filters = defaults.filters;\n      }\n    }\n    return {\n      q: qs.get(paramKeys.q) ?? defaults.q,\n      page: parseNum(qs.get(paramKeys.page), defaults.page),\n      limit: parseNum(qs.get(paramKeys.limit), defaults.limit),\n      sort: qs.get(paramKeys.sort),\n      filters,\n    };\n  }, [defaults, paramKeys]);\n\n  const [state, setState] = React.useState<ListUrlState<TFilters>>(read);\n\n  const write = React.useCallback(\n    (next: Partial<ListUrlState<TFilters>>) => {\n      if (typeof window === 'undefined') return;\n      const url = new URL(window.location.href);\n      const qs = url.searchParams;\n      const merged: ListUrlState<TFilters> = {\n        ...state,\n        ...next,\n      } as ListUrlState<TFilters>;\n\n      const setOrDel = (key: string, value: string | null | undefined) => {\n        if (value == null || value === '' || value === 'null') qs.delete(key);\n        else qs.set(key, value);\n      };\n\n      setOrDel(paramKeys.q, merged.q || null);\n      setOrDel(paramKeys.page, String(merged.page));\n      setOrDel(paramKeys.limit, String(merged.limit));\n      setOrDel(paramKeys.sort, merged.sort ?? null);\n      try {\n        const json = JSON.stringify(merged.filters ?? {});\n        setOrDel(paramKeys.filters, json === '{}' ? null : json);\n      } catch {\n        // ignore\n      }\n\n      const newUrl = `${url.pathname}?${qs.toString()}${url.hash}`;\n      if (replaceState) window.history.replaceState({}, '', newUrl);\n      else window.history.pushState({}, '', newUrl);\n      setState(merged);\n    },\n    [state, paramKeys, replaceState]\n  );\n\n  const setFilter = React.useCallback(\n    (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | undefined | null\n    ) => {\n      write({\n        filters: { ...state.filters, [key]: value } as TFilters,\n      });\n    },\n    [state.filters, write]\n  );\n\n  const clearFilters = React.useCallback(() => {\n    write({ filters: {} as TFilters, page: 1 });\n  }, [write]);\n\n  React.useEffect(() => {\n    const onPop = () => setState(read());\n    window.addEventListener('popstate', onPop);\n    return () => window.removeEventListener('popstate', onPop);\n  }, [read]);\n\n  return { state, setState: write, setFilter, clearFilters } as const;\n}\n"],"mappings":";;;AAYA,SAAgB,gBAEd,EACA,UACA,YAAY;CACV,GAAG;CACH,MAAM;CACN,OAAO;CACP,MAAM;CACN,SAAS;CACV,EACD,eAAe,QAWd;CACD,MAAM,OAAO,MAAM,kBAA0C;AAC3D,MAAI,OAAO,WAAW,YAAa,QAAO;EAE1C,MAAM,KADM,IAAI,IAAI,OAAO,SAAS,KAAK,CAC1B;EACf,MAAM,YAAY,GAAkB,MAAc;GAChD,MAAM,IAAI,IAAI,OAAO,EAAE,GAAG;AAC1B,UAAO,OAAO,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI;;EAE3C,MAAM,aAAa,GAAG,IAAI,UAAU,QAAQ;EAC5C,IAAI,UAAoB,SAAS;AACjC,MAAI,WACF,KAAI;AACF,aAAU,KAAK,MAAM,WAAW;UAC1B;AACN,aAAU,SAAS;;AAGvB,SAAO;GACL,GAAG,GAAG,IAAI,UAAU,EAAE,IAAI,SAAS;GACnC,MAAM,SAAS,GAAG,IAAI,UAAU,KAAK,EAAE,SAAS,KAAK;GACrD,OAAO,SAAS,GAAG,IAAI,UAAU,MAAM,EAAE,SAAS,MAAM;GACxD,MAAM,GAAG,IAAI,UAAU,KAAK;GAC5B;GACD;IACA,CAAC,UAAU,UAAU,CAAC;CAEzB,MAAM,CAAC,OAAO,YAAY,MAAM,SAAiC,KAAK;CAEtE,MAAM,QAAQ,MAAM,aACjB,SAA0C;AACzC,MAAI,OAAO,WAAW,YAAa;EACnC,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,KAAK;EACzC,MAAM,KAAK,IAAI;EACf,MAAM,SAAiC;GACrC,GAAG;GACH,GAAG;GACJ;EAED,MAAM,YAAY,KAAa,UAAqC;AAClE,OAAI,SAAS,QAAQ,UAAU,MAAM,UAAU,OAAQ,IAAG,OAAO,IAAI;OAChE,IAAG,IAAI,KAAK,MAAM;;AAGzB,WAAS,UAAU,GAAG,OAAO,KAAK,KAAK;AACvC,WAAS,UAAU,MAAM,OAAO,OAAO,KAAK,CAAC;AAC7C,WAAS,UAAU,OAAO,OAAO,OAAO,MAAM,CAAC;AAC/C,WAAS,UAAU,MAAM,OAAO,QAAQ,KAAK;AAC7C,MAAI;GACF,MAAM,OAAO,KAAK,UAAU,OAAO,WAAW,EAAE,CAAC;AACjD,YAAS,UAAU,SAAS,SAAS,OAAO,OAAO,KAAK;UAClD;EAIR,MAAM,SAAS,GAAG,IAAI,SAAS,GAAG,GAAG,UAAU,GAAG,IAAI;AACtD,MAAI,aAAc,QAAO,QAAQ,aAAa,EAAE,EAAE,IAAI,OAAO;MACxD,QAAO,QAAQ,UAAU,EAAE,EAAE,IAAI,OAAO;AAC7C,WAAS,OAAO;IAElB;EAAC;EAAO;EAAW;EAAa,CACjC;CAED,MAAM,YAAY,MAAM,aAEpB,KACA,UACG;AACH,QAAM,EACJ,SAAS;GAAE,GAAG,MAAM;IAAU,MAAM;GAAO,EAC5C,CAAC;IAEJ,CAAC,MAAM,SAAS,MAAM,CACvB;CAED,MAAM,eAAe,MAAM,kBAAkB;AAC3C,QAAM;GAAE,SAAS,EAAE;GAAc,MAAM;GAAG,CAAC;IAC1C,CAAC,MAAM,CAAC;AAEX,OAAM,gBAAgB;EACpB,MAAM,cAAc,SAAS,MAAM,CAAC;AACpC,SAAO,iBAAiB,YAAY,MAAM;AAC1C,eAAa,OAAO,oBAAoB,YAAY,MAAM;IACzD,CAAC,KAAK,CAAC;AAEV,QAAO;EAAE;EAAO,UAAU;EAAO;EAAW;EAAc"}

package/dist/index.d.ts

@@ -0,0 +1,129 @@
+import { CtaAction, HeaderNavItem, NavLink, NavSection, UserMenuItem } from "./types/navigation.js";
+import { formRenderer } from "./renderers/form-contract.js";
+import "./renderers/index.js";
+import { Button } from "./components/atoms/Button.js";
+import { Cta } from "./components/atoms/Cta.js";
+import { ButtonLink } from "./components/atoms/ButtonLink.js";
+import { Link } from "./components/atoms/Link.js";
+import { Input } from "./components/atoms/Input.js";
+import { Textarea } from "./components/atoms/Textarea.js";
+import { EmptyState } from "./components/atoms/EmptyState.js";
+import { Stepper } from "./components/atoms/Stepper.js";
+import { DeleteButton, EditButton, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton } from "./components/atoms/ActionButtons.js";
+import { DateChip, DurationChip, PlaceChip, TimeChip } from "./components/atoms/DataChips.js";
+import { NavMain } from "./components/molecules/NavMain.js";
+import { NavUser } from "./components/molecules/NavUser.js";
+import { ApprovalQueue } from "./components/agent/ApprovalQueue.js";
+import { AgentMonitor } from "./components/agent/AgentMonitor.js";
+import { CodeBlockProps, CodeLanguage } from "./components/molecules/CodeBlock/types.js";
+import { CodeBlock } from "./components/molecules/CodeBlock/CodeBlock.js";
+import "./components/molecules/CodeBlock/index.js";
+import { CopyButtonProps } from "./components/molecules/CopyButton/types.js";
+import { CopyButton } from "./components/molecules/CopyButton/CopyButton.js";
+import "./components/molecules/CopyButton/index.js";
+import { CommandTabsProps, PackageManager, PackageManagerContextValue } from "./components/molecules/CommandTabs/types.js";
+import { CommandTabs } from "./components/molecules/CommandTabs/CommandTabs.js";
+import "./components/molecules/CommandTabs/index.js";
+import { InstallCommandProps, InstallCommandType } from "./components/molecules/InstallCommand/types.js";
+import { InstallCommand } from "./components/molecules/InstallCommand/InstallCommand.js";
+import "./components/molecules/InstallCommand/index.js";
+import { PackageManagerProvider, PackageManagerProviderProps, usePackageManager } from "./components/providers/PackageManagerProvider.js";
+import { AppSidebar } from "./components/organisms/AppSidebar.js";
+import { DesktopHeader, Header, MobileHeader } from "./components/organisms/Header.js";
+import { Footer } from "./components/organisms/Footer.js";
+import { FeatureCarousel } from "./components/organisms/FeatureCarousel.js";
+import { CommandPalette } from "./components/molecules/CommandPalette.js";
+import { LangSwitch } from "./components/molecules/LangSwitch.js";
+import { MarketingHeader } from "./components/organisms/MarketingHeader.js";
+import { MarketingHeaderDesktop } from "./components/organisms/MarketingHeaderDesktop.js";
+import { MarketingHeaderMobile } from "./components/organisms/MarketingHeaderMobile.js";
+import { MarketingLayout } from "./components/organisms/MarketingLayout.js";
+import { MarketingSection, MarketingSectionPadding, MarketingSectionTone } from "./components/marketing/MarketingSection.js";
+import { MarketingCardsSection } from "./components/marketing/MarketingCardsSection.js";
+import { CardContent, CardDescription, CardHeader, CardTitle, MarketingCard, MarketingCardTone } from "./components/marketing/MarketingCard.js";
+import { MarketingIconCard } from "./components/marketing/MarketingIconCard.js";
+import { MarketingStepCard } from "./components/marketing/MarketingStepCard.js";
+import { MarketingComparisonSection } from "./components/marketing/MarketingComparisonSection.js";
+import { AppLayout } from "./components/organisms/AppLayout.js";
+import { AcademyLayout } from "./components/organisms/AcademyLayout.js";
+import { AppHeader } from "./components/organisms/AppHeader.js";
+import { NavBrand } from "./components/atoms/NavBrand.js";
+import { Breadcrumbs } from "./components/molecules/Breadcrumbs.js";
+import { CommandSearchTrigger } from "./components/molecules/CommandSearchTrigger.js";
+import { StatusChip } from "./components/molecules/StatusChip.js";
+import { EntityCard } from "./components/molecules/EntityCard.js";
+import { StatCard, StatCardGroup } from "./components/molecules/StatCard.js";
+import { OverviewCard } from "./components/molecules/OverviewCard.js";
+import { HoverPreview } from "./components/molecules/HoverPreview.js";
+import { HoverPreviewSimple } from "./components/molecules/hover-previews/Simple.js";
+import { HoverPreviewMedia } from "./components/molecules/hover-previews/Media.js";
+import { HoverPreviewDoc } from "./components/molecules/hover-previews/Doc.js";
+import { HoverPreviewUser } from "./components/molecules/hover-previews/User.js";
+import { HoverPreviewStats } from "./components/molecules/hover-previews/Stats.js";
+import { PricingCarousel } from "./components/organisms/PricingCarousel.js";
+import { TestimonialCarousel } from "./components/organisms/TestimonialCarousel.js";
+import { HeroSection } from "./components/organisms/HeroSection.js";
+import { HeroResponsive } from "./components/organisms/HeroResponsive.js";
+import { FeaturesSection } from "./components/organisms/FeaturesSection.js";
+import { PageHeaderResponsive } from "./components/organisms/PageHeaderResponsive.js";
+import { PricingSection } from "./components/organisms/PricingSection.js";
+import { FAQSection } from "./components/organisms/FAQSection.js";
+import { ListPageResponsive } from "./components/organisms/ListPageResponsive.js";
+import { ListGridPage } from "./components/organisms/ListGridPage.js";
+import { ListCardPage } from "./components/organisms/ListCardPage.js";
+import { ListTablePage } from "./components/organisms/ListTablePage.js";
+import { FiltersToolbar } from "./components/molecules/FiltersToolbar.js";
+import { ListPageTemplate } from "./components/templates/lists/ListPageTemplate/index.web.js";
+import "./components/templates/lists/ListPageTemplate/index.js";
+import { AiLinkButton } from "./components/molecules/AiLinkButton.js";
+import { EmptyDataList } from "./components/organisms/EmptyDataList.js";
+import { EmptySearchResult } from "./components/organisms/EmptySearchResult.js";
+import { LoaderCircular } from "./components/atoms/LoaderCircular.js";
+import { LoaderBlock } from "./components/molecules/LoaderBlock.js";
+import { SkeletonBlock } from "./components/molecules/SkeletonBlock/index.web.js";
+import "./components/molecules/SkeletonBlock/index.js";
+import { SkeletonCircle } from "./components/molecules/SkeletonCircle/index.web.js";
+import "./components/molecules/SkeletonCircle/index.js";
+import { SkeletonList } from "./components/molecules/SkeletonList/index.web.js";
+import "./components/molecules/SkeletonList/index.js";
+import { ErrorState } from "./components/atoms/ErrorState.js";
+import { useListUrlState } from "./hooks/useListUrlState.js";
+import { LegalHeading } from "./components/legal/atoms/LegalHeading.js";
+import { LegalText } from "./components/legal/atoms/LegalText.js";
+import { LegalSection } from "./components/legal/atoms/LegalSection.js";
+import { DefinitionList } from "./components/legal/atoms/DefinitionList.js";
+import { KeyValueList } from "./components/legal/atoms/KeyValueList.js";
+import { LegalList } from "./components/legal/atoms/LegalList.js";
+import { LegalCallout } from "./components/legal/atoms/LegalCallout.js";
+import { LegalTOC } from "./components/legal/molecules/LegalTOC.js";
+import { LegalMeta } from "./components/legal/molecules/LegalMeta.js";
+import { ConsentItem, ConsentList } from "./components/legal/molecules/Consent.js";
+import { ContactFields } from "./components/legal/molecules/ContactFields.js";
+import { LegalPageLayout } from "./components/legal/organisms/LegalPageLayout.js";
+import { GDPRRights } from "./components/legal/organisms/GDPRRights.js";
+import { ContactForm } from "./components/legal/organisms/ContactForm.js";
+import { GDPRDataRequest } from "./components/legal/organisms/GDPRDataRequest.js";
+import { TermsTemplate } from "./components/legal/templates/TermsTemplate.js";
+import { SalesTermsTemplate } from "./components/legal/templates/SalesTermsTemplate.js";
+import { PrivacyTemplate } from "./components/legal/templates/PrivacyTemplate.js";
+import { CookiesTemplate } from "./components/legal/templates/CookiesTemplate.js";
+import { ContactTemplate } from "./components/legal/templates/ContactTemplate.js";
+import { Breakpoints, DEFAULT_BREAKPOINTS, PlatformKind, PlatformUI, WithPlatformUIOptions, withPlatformUI } from "./platform/withPlatformUI.js";
+import { useResponsive } from "./platform/useResponsive.js";
+import { useReducedMotion } from "./platform/useReducedMotion.js";
+import { useColorScheme } from "./platform/useColorScheme.js";
+import { DSBaseVariantsProps, DensityVariant, EmphasisVariant, SizeVariant, ToneVariant, dsBaseVariants } from "./theme/variants.js";
+import { ColorTokens, RadiusTokens, SpaceTokens, ThemeTokens, TypographyTokens, defaultTokens } from "./theme/tokens.js";
+import { mapTokensForPlatform } from "./theme/tokenBridge.js";
+import { FormDialog } from "./components/forms/FormDialog.js";
+import { ZodForm } from "./components/forms/ZodForm.js";
+import { FormGrid, FormRow, FormSection } from "./components/forms/FormLayout.js";
+import { FormCardLayout } from "./components/forms/FormCardLayout.js";
+import { FormStepsLayout } from "./components/forms/FormStepsLayout.js";
+import { FormOneByOneLayout } from "./components/forms/FormOneByOneLayout.js";
+import { ActionForm } from "./components/forms/ActionForm.js";
+import { DataViewList } from "./components/data-view/DataViewList.js";
+import { DataViewTable } from "./components/data-view/DataViewTable.js";
+import { DataViewDetail } from "./components/data-view/DataViewDetail.js";
+import { DataViewRenderer } from "./components/data-view/DataViewRenderer.js";
+export { AcademyLayout, ActionForm, AgentMonitor, AiLinkButton, AppHeader, AppLayout, AppSidebar, ApprovalQueue, Breadcrumbs, Breakpoints, Button, ButtonLink, CodeBlock, type CodeBlockProps, type CodeLanguage, ColorTokens, CommandPalette, CommandSearchTrigger, CommandTabs, type CommandTabsProps, ConsentItem, ConsentList, ContactFields, ContactForm, ContactTemplate, CookiesTemplate, CopyButton, type CopyButtonProps, Cta, CtaAction, DEFAULT_BREAKPOINTS, DSBaseVariantsProps, DataViewDetail, DataViewList, DataViewRenderer, DataViewTable, DateChip, DefinitionList, DeleteButton, DensityVariant, DesktopHeader, DurationChip, EditButton, EmphasisVariant, EmptyDataList, EmptySearchResult, EmptyState, EntityCard, ErrorState, FAQSection, FeatureCarousel, FeaturesSection, FiltersToolbar, Footer, FormCardLayout, FormDialog, FormGrid, FormOneByOneLayout, FormRow, FormSection, FormStepsLayout, GDPRDataRequest, GDPRRights, Header, HeaderNavItem, HeroResponsive, HeroSection, HoverPreview, HoverPreviewDoc, HoverPreviewMedia, HoverPreviewSimple, HoverPreviewStats, HoverPreviewUser, Input, InstallCommand, type InstallCommandProps, type InstallCommandType, KeyValueList, LangSwitch, LegalCallout, LegalHeading, LegalList, LegalMeta, LegalPageLayout, LegalSection, LegalTOC, LegalText, Link, ListCardPage, ListGridPage, ListPageResponsive, ListPageTemplate, ListTablePage, LoaderBlock, LoaderCircular, MarketingCard, CardContent as MarketingCardContent, CardDescription as MarketingCardDescription, CardHeader as MarketingCardHeader, CardTitle as MarketingCardTitle, type MarketingCardTone, MarketingCardsSection, MarketingComparisonSection, MarketingHeader, MarketingHeaderDesktop, MarketingHeaderMobile, MarketingIconCard, MarketingLayout, MarketingSection, type MarketingSectionPadding, type MarketingSectionTone, MarketingStepCard, MobileHeader, NavBrand, NavLink, NavMain, NavSection, NavUser, OverviewCard, type PackageManager, type PackageManagerContextValue, PackageManagerProvider, type PackageManagerProviderProps, PageHeaderResponsive, PlaceChip, PlatformKind, PlatformUI, PricingCarousel, PricingSection, PrivacyTemplate, RadiusTokens, SalesTermsTemplate, SizeVariant, SkeletonBlock, SkeletonCircle, SkeletonList, SpaceTokens, StatCard, StatCardGroup, StatusChip, Stepper, TermsTemplate, TestimonialCarousel, Textarea, ThemeTokens, TimeChip, ToggleButton, ToggleLeftButton, ToggleRightButton, ToneVariant, TypographyTokens, UserMenuItem, ViewButton, WithPlatformUIOptions, ZodForm, defaultTokens, dsBaseVariants, formRenderer, mapTokensForPlatform, useColorScheme, useListUrlState, usePackageManager, useReducedMotion, useResponsive, withPlatformUI };