@contractspec/lib.design-system 1.46.2 → 1.48.0

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.web.d.ts

@@ -1,5 +1,5 @@
 import { ListPageTemplateProps } from "./types.js";
-import * as react_jsx_runtime113 from "react/jsx-runtime";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
 
 //#region src/components/templates/lists/ListPageTemplate/index.web.d.ts
 declare function ListPageTemplate<T = unknown>({
@@ -17,7 +17,7 @@ declare function ListPageTemplate<T = unknown>({
   data,
   renderItem,
   emptyProps
-}: ListPageTemplateProps<T>): react_jsx_runtime113.JSX.Element;
+}: ListPageTemplateProps<T>): react_jsx_runtime115.JSX.Element;
 //#endregion
 export { ListPageTemplate };
 //# sourceMappingURL=index.web.d.ts.map

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

@@ -1,6 +1,5 @@
 import { PageHeaderResponsive } from "../../../organisms/PageHeaderResponsive.js";
 import { FiltersToolbar } from "../../../molecules/FiltersToolbar.js";
-import "./types.js";
 import { AiLinkButton } from "../../../molecules/AiLinkButton.js";
 import { EmptyDataList } from "../../../organisms/EmptyDataList.js";
 import * as React from "react";

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

@@ -1 +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"}
+{"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/hooks/useListUrlState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useListUrlState.js","names":["filters: TFilters","merged: ListUrlState<TFilters>"],"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,IAAIA,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,MAAMC,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"}
+{"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

@@ -15,6 +15,19 @@ 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";
@@ -113,4 +126,4 @@ 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, ColorTokens, CommandPalette, CommandSearchTrigger, ConsentItem, ConsentList, ContactFields, ContactForm, ContactTemplate, CookiesTemplate, 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, 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, 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, useReducedMotion, useResponsive, withPlatformUI };
+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 };

package/dist/index.js

@@ -1,9 +1,7 @@
-import "./types/navigation.js";
 import { Button } from "./components/atoms/Button.js";
 import { Input } from "./components/atoms/Input.js";
 import { Textarea } from "./components/atoms/Textarea.js";
 import { formRenderer } from "./renderers/form-contract.js";
-import "./renderers/index.js";
 import { ButtonLink } from "./components/atoms/ButtonLink.js";
 import { Cta } from "./components/atoms/Cta.js";
 import { Link } from "./components/atoms/Link.js";
@@ -15,6 +13,11 @@ 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 { CopyButton } from "./components/molecules/CopyButton/CopyButton.js";
+import { CodeBlock } from "./components/molecules/CodeBlock/CodeBlock.js";
+import { PackageManagerProvider, usePackageManager } from "./components/providers/PackageManagerProvider.js";
+import { CommandTabs } from "./components/molecules/CommandTabs/CommandTabs.js";
+import { InstallCommand } from "./components/molecules/InstallCommand/InstallCommand.js";
 import { AppSidebar } from "./components/organisms/AppSidebar.js";
 import { DesktopHeader, Header, MobileHeader } from "./components/organisms/Header.js";
 import { Footer } from "./components/organisms/Footer.js";
@@ -64,16 +67,12 @@ import { FiltersToolbar } from "./components/molecules/FiltersToolbar.js";
 import { AiLinkButton } from "./components/molecules/AiLinkButton.js";
 import { EmptyDataList } from "./components/organisms/EmptyDataList.js";
 import { ListPageTemplate } from "./components/templates/lists/ListPageTemplate/index.web.js";
-import "./components/templates/lists/ListPageTemplate/index.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";
@@ -118,5 +117,5 @@ import { DataViewRenderer } from "./components/data-view/DataViewRenderer.js";
 init_HoverPreview();
 
 //#endregion
-export { AcademyLayout, ActionForm, AgentMonitor, AiLinkButton, AppHeader, AppLayout, AppSidebar, ApprovalQueue, Breadcrumbs, Button, ButtonLink, CommandPalette, CommandSearchTrigger, ConsentItem, ConsentList, ContactFields, ContactForm, ContactTemplate, CookiesTemplate, Cta, DEFAULT_BREAKPOINTS, DataViewDetail, DataViewList, DataViewRenderer, DataViewTable, DateChip, DefinitionList, DeleteButton, DesktopHeader, DurationChip, EditButton, EmptyDataList, EmptySearchResult, EmptyState, EntityCard, ErrorState, FAQSection, FeatureCarousel, FeaturesSection, FiltersToolbar, Footer, FormCardLayout, FormDialog, FormGrid, FormOneByOneLayout, FormRow, FormSection, FormStepsLayout, GDPRDataRequest, GDPRRights, Header, HeroResponsive, HeroSection, HoverPreview, HoverPreviewDoc, HoverPreviewMedia, HoverPreviewSimple, HoverPreviewStats, HoverPreviewUser, Input, 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, MarketingCardsSection, MarketingComparisonSection, MarketingHeader, MarketingHeaderDesktop, MarketingHeaderMobile, MarketingIconCard, MarketingLayout, MarketingSection, MarketingStepCard, MobileHeader, NavBrand, NavMain, NavUser, OverviewCard, PageHeaderResponsive, PlaceChip, PricingCarousel, PricingSection, PrivacyTemplate, SalesTermsTemplate, SkeletonBlock, SkeletonCircle, SkeletonList, StatCard, StatCardGroup, StatusChip, Stepper, TermsTemplate, TestimonialCarousel, Textarea, TimeChip, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton, ZodForm, defaultTokens, dsBaseVariants, formRenderer, mapTokensForPlatform, useColorScheme, useListUrlState, useReducedMotion, useResponsive, withPlatformUI };
+export { AcademyLayout, ActionForm, AgentMonitor, AiLinkButton, AppHeader, AppLayout, AppSidebar, ApprovalQueue, Breadcrumbs, Button, ButtonLink, CodeBlock, CommandPalette, CommandSearchTrigger, CommandTabs, ConsentItem, ConsentList, ContactFields, ContactForm, ContactTemplate, CookiesTemplate, CopyButton, Cta, DEFAULT_BREAKPOINTS, DataViewDetail, DataViewList, DataViewRenderer, DataViewTable, DateChip, DefinitionList, DeleteButton, DesktopHeader, DurationChip, EditButton, EmptyDataList, EmptySearchResult, EmptyState, EntityCard, ErrorState, FAQSection, FeatureCarousel, FeaturesSection, FiltersToolbar, Footer, FormCardLayout, FormDialog, FormGrid, FormOneByOneLayout, FormRow, FormSection, FormStepsLayout, GDPRDataRequest, GDPRRights, Header, HeroResponsive, HeroSection, HoverPreview, HoverPreviewDoc, HoverPreviewMedia, HoverPreviewSimple, HoverPreviewStats, HoverPreviewUser, Input, InstallCommand, 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, MarketingCardsSection, MarketingComparisonSection, MarketingHeader, MarketingHeaderDesktop, MarketingHeaderMobile, MarketingIconCard, MarketingLayout, MarketingSection, MarketingStepCard, MobileHeader, NavBrand, NavMain, NavUser, OverviewCard, PackageManagerProvider, PageHeaderResponsive, PlaceChip, PricingCarousel, PricingSection, PrivacyTemplate, SalesTermsTemplate, SkeletonBlock, SkeletonCircle, SkeletonList, StatCard, StatCardGroup, StatusChip, Stepper, TermsTemplate, TestimonialCarousel, Textarea, TimeChip, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton, ZodForm, defaultTokens, dsBaseVariants, formRenderer, mapTokensForPlatform, useColorScheme, useListUrlState, usePackageManager, useReducedMotion, useResponsive, withPlatformUI };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from './types/navigation';\n\n// Atoms\nexport * from './renderers';\nexport { Cta } from './components/atoms/Cta';\nexport { Button } from './components/atoms/Button';\nexport { ButtonLink } from './components/atoms/ButtonLink';\nexport { Link } from './components/atoms/Link';\nexport { Input } from './components/atoms/Input';\nexport { Textarea } from './components/atoms/Textarea';\nexport { EmptyState } from './components/atoms/EmptyState';\n// export { ErrorState } from './components/atoms/ErrorState';\nexport { Stepper } from './components/atoms/Stepper';\nexport {\n  EditButton,\n  DeleteButton,\n  ViewButton,\n  ToggleButton,\n  ToggleLeftButton,\n  ToggleRightButton,\n} from './components/atoms/ActionButtons';\nexport {\n  DateChip,\n  TimeChip,\n  PlaceChip,\n  DurationChip,\n} from './components/atoms/DataChips';\n\n// Molecules\nexport { NavMain } from './components/molecules/NavMain';\nexport { NavUser } from './components/molecules/NavUser';\nexport { ApprovalQueue } from './components/agent/ApprovalQueue';\nexport { AgentMonitor } from './components/agent/AgentMonitor';\n\n// Organisms\nexport { AppSidebar } from './components/organisms/AppSidebar';\nexport {\n  Header,\n  DesktopHeader,\n  MobileHeader,\n} from './components/organisms/Header';\nexport { Footer } from './components/organisms/Footer';\nexport { FeatureCarousel } from './components/organisms/FeatureCarousel';\nexport { MarketingHeader } from './components/organisms/MarketingHeader';\nexport { MarketingHeaderDesktop } from './components/organisms/MarketingHeaderDesktop';\nexport { MarketingHeaderMobile } from './components/organisms/MarketingHeaderMobile';\nexport { MarketingLayout } from './components/organisms/MarketingLayout';\nexport {\n  MarketingSection,\n  type MarketingSectionTone,\n  type MarketingSectionPadding,\n} from './components/marketing/MarketingSection';\nexport { MarketingCardsSection } from './components/marketing/MarketingCardsSection';\nexport {\n  MarketingCard,\n  MarketingCardContent,\n  MarketingCardDescription,\n  MarketingCardHeader,\n  MarketingCardTitle,\n  type MarketingCardTone,\n} from './components/marketing/MarketingCard';\nexport { MarketingIconCard } from './components/marketing/MarketingIconCard';\nexport { MarketingStepCard } from './components/marketing/MarketingStepCard';\nexport { MarketingComparisonSection } from './components/marketing/MarketingComparisonSection';\nexport { AppLayout } from './components/organisms/AppLayout';\nexport { AcademyLayout } from './components/organisms/AcademyLayout';\nexport { AppHeader } from './components/organisms/AppHeader';\n// export { AppHeader as AppHeaderMobile } from './components/organisms/AppHeader.mobile';\n// export { BottomTabs } from './components/native/BottomTabs.mobile';\n// export { SheetMenu } from './components/native/SheetMenu.mobile';\nexport { CommandPalette } from './components/molecules/CommandPalette';\nexport { LangSwitch } from './components/molecules/LangSwitch';\nexport { NavBrand } from './components/atoms/NavBrand';\nexport { Breadcrumbs } from './components/molecules/Breadcrumbs';\nexport { CommandSearchTrigger } from './components/molecules/CommandSearchTrigger';\nexport { StatusChip } from './components/molecules/StatusChip';\nexport { EntityCard } from './components/molecules/EntityCard';\nexport { StatCard, StatCardGroup } from './components/molecules/StatCard';\nexport { OverviewCard } from './components/molecules/OverviewCard';\nexport { HoverPreview } from './components/molecules/HoverPreview';\nexport { HoverPreviewSimple } from './components/molecules/hover-previews/Simple';\nexport { HoverPreviewMedia } from './components/molecules/hover-previews/Media';\nexport { HoverPreviewDoc } from './components/molecules/hover-previews/Doc';\nexport { HoverPreviewUser } from './components/molecules/hover-previews/User';\nexport { HoverPreviewStats } from './components/molecules/hover-previews/Stats';\nexport { PricingCarousel } from './components/organisms/PricingCarousel';\nexport { TestimonialCarousel } from './components/organisms/TestimonialCarousel';\nexport { HeroSection } from './components/organisms/HeroSection';\nexport { HeroResponsive } from './components/organisms/HeroResponsive';\nexport { FeaturesSection } from './components/organisms/FeaturesSection';\nexport { PageHeaderResponsive } from './components/organisms/PageHeaderResponsive';\nexport { PricingSection } from './components/organisms/PricingSection';\nexport { FAQSection } from './components/organisms/FAQSection';\nexport { ListPageResponsive } from './components/organisms/ListPageResponsive';\nexport { ListGridPage } from './components/organisms/ListGridPage';\nexport { ListCardPage } from './components/organisms/ListCardPage';\nexport { ListTablePage } from './components/organisms/ListTablePage';\nexport { FiltersToolbar } from './components/molecules/FiltersToolbar';\nexport { ListPageTemplate } from './components/templates/lists/ListPageTemplate';\nexport { AiLinkButton } from './components/molecules/AiLinkButton';\nexport { EmptyDataList } from './components/organisms/EmptyDataList';\nexport { EmptySearchResult } from './components/organisms/EmptySearchResult';\n// Loaders & Skeletons\nexport { LoaderCircular } from './components/atoms/LoaderCircular';\nexport { LoaderBlock } from './components/molecules/LoaderBlock';\nexport { SkeletonBlock } from './components/molecules/SkeletonBlock';\nexport { SkeletonCircle } from './components/molecules/SkeletonCircle';\nexport { SkeletonList } from './components/molecules/SkeletonList';\nexport { ErrorState } from './components/atoms/ErrorState';\n// export {\n//   DropdownMenu,\n//   DropdownMenuPortal,\n//   DropdownMenuTrigger,\n//   DropdownMenuContent,\n//   DropdownMenuGroup,\n//   DropdownMenuLabel,\n//   DropdownMenuItem,\n//   DropdownMenuCheckboxItem,\n//   DropdownMenuRadioGroup,\n//   DropdownMenuRadioItem,\n//   DropdownMenuSeparator,\n//   DropdownMenuShortcut,\n//   DropdownMenuSub,\n//   DropdownMenuSubTrigger,\n//   DropdownMenuSubContent,\n// } from './components/molecules/DropdownMenu';\nexport { useListUrlState } from './hooks/useListUrlState';\n\n// Legal components\nexport { LegalHeading } from './components/legal/atoms/LegalHeading';\nexport { LegalText } from './components/legal/atoms/LegalText';\nexport { LegalSection } from './components/legal/atoms/LegalSection';\nexport { DefinitionList } from './components/legal/atoms/DefinitionList';\nexport { KeyValueList } from './components/legal/atoms/KeyValueList';\nexport { LegalList } from './components/legal/atoms/LegalList';\nexport { LegalCallout } from './components/legal/atoms/LegalCallout';\nexport { LegalTOC } from './components/legal/molecules/LegalTOC';\nexport { LegalMeta } from './components/legal/molecules/LegalMeta';\nexport { ConsentItem, ConsentList } from './components/legal/molecules/Consent';\nexport { ContactFields } from './components/legal/molecules/ContactFields';\nexport * from './components/legal/organisms/LegalPageLayout';\nexport * from './components/legal/organisms/GDPRRights';\nexport * from './components/legal/organisms/ContactForm';\nexport * from './components/legal/organisms/GDPRDataRequest';\nexport { TermsTemplate } from './components/legal/templates/TermsTemplate';\nexport { SalesTermsTemplate } from './components/legal/templates/SalesTermsTemplate';\nexport { PrivacyTemplate } from './components/legal/templates/PrivacyTemplate';\nexport { CookiesTemplate } from './components/legal/templates/CookiesTemplate';\nexport { ContactTemplate } from './components/legal/templates/ContactTemplate';\n// Platform adapter\nexport * from './platform/withPlatformUI';\nexport { useResponsive } from './platform/useResponsive';\nexport { useReducedMotion } from './platform/useReducedMotion';\nexport { useColorScheme } from './platform/useColorScheme';\nexport * from './theme/variants';\nexport * from './theme/tokens';\nexport { mapTokensForPlatform } from './theme/tokenBridge';\n\n// Forms\nexport { FormDialog } from './components/forms/FormDialog';\nexport { ZodForm } from './components/forms/ZodForm';\nexport { FormSection, FormRow, FormGrid } from './components/forms/FormLayout';\nexport { FormCardLayout } from './components/forms/FormCardLayout';\nexport { FormStepsLayout } from './components/forms/FormStepsLayout';\nexport { FormOneByOneLayout } from './components/forms/FormOneByOneLayout';\nexport { ActionForm } from './components/forms/ActionForm';\n\n// Data views\nexport { DataViewList } from './components/data-view/DataViewList';\nexport { DataViewTable } from './components/data-view/DataViewTable';\nexport { DataViewDetail } from './components/data-view/DataViewDetail';\nexport { DataViewRenderer } from './components/data-view/DataViewRenderer';\n\n// Overlays re-exports (web default; native via Metro alias)\n// Overlays are used directly from ui-kit(s) in apps for now to avoid DTS bundling issues\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA+EmE"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from './types/navigation';\n\n// Atoms\nexport * from './renderers';\nexport { Cta } from './components/atoms/Cta';\nexport { Button } from './components/atoms/Button';\nexport { ButtonLink } from './components/atoms/ButtonLink';\nexport { Link } from './components/atoms/Link';\nexport { Input } from './components/atoms/Input';\nexport { Textarea } from './components/atoms/Textarea';\nexport { EmptyState } from './components/atoms/EmptyState';\n// export { ErrorState } from './components/atoms/ErrorState';\nexport { Stepper } from './components/atoms/Stepper';\nexport {\n  EditButton,\n  DeleteButton,\n  ViewButton,\n  ToggleButton,\n  ToggleLeftButton,\n  ToggleRightButton,\n} from './components/atoms/ActionButtons';\nexport {\n  DateChip,\n  TimeChip,\n  PlaceChip,\n  DurationChip,\n} from './components/atoms/DataChips';\n\n// Molecules\nexport { NavMain } from './components/molecules/NavMain';\nexport { NavUser } from './components/molecules/NavUser';\nexport { ApprovalQueue } from './components/agent/ApprovalQueue';\nexport { AgentMonitor } from './components/agent/AgentMonitor';\n\n// Code display components\nexport {\n  CodeBlock,\n  type CodeBlockProps,\n  type CodeLanguage,\n} from './components/molecules/CodeBlock';\nexport {\n  CopyButton,\n  type CopyButtonProps,\n} from './components/molecules/CopyButton';\nexport {\n  CommandTabs,\n  type CommandTabsProps,\n  type PackageManager,\n  type PackageManagerContextValue,\n} from './components/molecules/CommandTabs';\nexport {\n  InstallCommand,\n  type InstallCommandProps,\n  type InstallCommandType,\n} from './components/molecules/InstallCommand';\nexport {\n  PackageManagerProvider,\n  usePackageManager,\n  type PackageManagerProviderProps,\n} from './components/providers/PackageManagerProvider';\n\n// Organisms\nexport { AppSidebar } from './components/organisms/AppSidebar';\nexport {\n  Header,\n  DesktopHeader,\n  MobileHeader,\n} from './components/organisms/Header';\nexport { Footer } from './components/organisms/Footer';\nexport { FeatureCarousel } from './components/organisms/FeatureCarousel';\nexport { MarketingHeader } from './components/organisms/MarketingHeader';\nexport { MarketingHeaderDesktop } from './components/organisms/MarketingHeaderDesktop';\nexport { MarketingHeaderMobile } from './components/organisms/MarketingHeaderMobile';\nexport { MarketingLayout } from './components/organisms/MarketingLayout';\nexport {\n  MarketingSection,\n  type MarketingSectionTone,\n  type MarketingSectionPadding,\n} from './components/marketing/MarketingSection';\nexport { MarketingCardsSection } from './components/marketing/MarketingCardsSection';\nexport {\n  MarketingCard,\n  MarketingCardContent,\n  MarketingCardDescription,\n  MarketingCardHeader,\n  MarketingCardTitle,\n  type MarketingCardTone,\n} from './components/marketing/MarketingCard';\nexport { MarketingIconCard } from './components/marketing/MarketingIconCard';\nexport { MarketingStepCard } from './components/marketing/MarketingStepCard';\nexport { MarketingComparisonSection } from './components/marketing/MarketingComparisonSection';\nexport { AppLayout } from './components/organisms/AppLayout';\nexport { AcademyLayout } from './components/organisms/AcademyLayout';\nexport { AppHeader } from './components/organisms/AppHeader';\n// export { AppHeader as AppHeaderMobile } from './components/organisms/AppHeader.mobile';\n// export { BottomTabs } from './components/native/BottomTabs.mobile';\n// export { SheetMenu } from './components/native/SheetMenu.mobile';\nexport { CommandPalette } from './components/molecules/CommandPalette';\nexport { LangSwitch } from './components/molecules/LangSwitch';\nexport { NavBrand } from './components/atoms/NavBrand';\nexport { Breadcrumbs } from './components/molecules/Breadcrumbs';\nexport { CommandSearchTrigger } from './components/molecules/CommandSearchTrigger';\nexport { StatusChip } from './components/molecules/StatusChip';\nexport { EntityCard } from './components/molecules/EntityCard';\nexport { StatCard, StatCardGroup } from './components/molecules/StatCard';\nexport { OverviewCard } from './components/molecules/OverviewCard';\nexport { HoverPreview } from './components/molecules/HoverPreview';\nexport { HoverPreviewSimple } from './components/molecules/hover-previews/Simple';\nexport { HoverPreviewMedia } from './components/molecules/hover-previews/Media';\nexport { HoverPreviewDoc } from './components/molecules/hover-previews/Doc';\nexport { HoverPreviewUser } from './components/molecules/hover-previews/User';\nexport { HoverPreviewStats } from './components/molecules/hover-previews/Stats';\nexport { PricingCarousel } from './components/organisms/PricingCarousel';\nexport { TestimonialCarousel } from './components/organisms/TestimonialCarousel';\nexport { HeroSection } from './components/organisms/HeroSection';\nexport { HeroResponsive } from './components/organisms/HeroResponsive';\nexport { FeaturesSection } from './components/organisms/FeaturesSection';\nexport { PageHeaderResponsive } from './components/organisms/PageHeaderResponsive';\nexport { PricingSection } from './components/organisms/PricingSection';\nexport { FAQSection } from './components/organisms/FAQSection';\nexport { ListPageResponsive } from './components/organisms/ListPageResponsive';\nexport { ListGridPage } from './components/organisms/ListGridPage';\nexport { ListCardPage } from './components/organisms/ListCardPage';\nexport { ListTablePage } from './components/organisms/ListTablePage';\nexport { FiltersToolbar } from './components/molecules/FiltersToolbar';\nexport { ListPageTemplate } from './components/templates/lists/ListPageTemplate';\nexport { AiLinkButton } from './components/molecules/AiLinkButton';\nexport { EmptyDataList } from './components/organisms/EmptyDataList';\nexport { EmptySearchResult } from './components/organisms/EmptySearchResult';\n// Loaders & Skeletons\nexport { LoaderCircular } from './components/atoms/LoaderCircular';\nexport { LoaderBlock } from './components/molecules/LoaderBlock';\nexport { SkeletonBlock } from './components/molecules/SkeletonBlock';\nexport { SkeletonCircle } from './components/molecules/SkeletonCircle';\nexport { SkeletonList } from './components/molecules/SkeletonList';\nexport { ErrorState } from './components/atoms/ErrorState';\n// export {\n//   DropdownMenu,\n//   DropdownMenuPortal,\n//   DropdownMenuTrigger,\n//   DropdownMenuContent,\n//   DropdownMenuGroup,\n//   DropdownMenuLabel,\n//   DropdownMenuItem,\n//   DropdownMenuCheckboxItem,\n//   DropdownMenuRadioGroup,\n//   DropdownMenuRadioItem,\n//   DropdownMenuSeparator,\n//   DropdownMenuShortcut,\n//   DropdownMenuSub,\n//   DropdownMenuSubTrigger,\n//   DropdownMenuSubContent,\n// } from './components/molecules/DropdownMenu';\nexport { useListUrlState } from './hooks/useListUrlState';\n\n// Legal components\nexport { LegalHeading } from './components/legal/atoms/LegalHeading';\nexport { LegalText } from './components/legal/atoms/LegalText';\nexport { LegalSection } from './components/legal/atoms/LegalSection';\nexport { DefinitionList } from './components/legal/atoms/DefinitionList';\nexport { KeyValueList } from './components/legal/atoms/KeyValueList';\nexport { LegalList } from './components/legal/atoms/LegalList';\nexport { LegalCallout } from './components/legal/atoms/LegalCallout';\nexport { LegalTOC } from './components/legal/molecules/LegalTOC';\nexport { LegalMeta } from './components/legal/molecules/LegalMeta';\nexport { ConsentItem, ConsentList } from './components/legal/molecules/Consent';\nexport { ContactFields } from './components/legal/molecules/ContactFields';\nexport * from './components/legal/organisms/LegalPageLayout';\nexport * from './components/legal/organisms/GDPRRights';\nexport * from './components/legal/organisms/ContactForm';\nexport * from './components/legal/organisms/GDPRDataRequest';\nexport { TermsTemplate } from './components/legal/templates/TermsTemplate';\nexport { SalesTermsTemplate } from './components/legal/templates/SalesTermsTemplate';\nexport { PrivacyTemplate } from './components/legal/templates/PrivacyTemplate';\nexport { CookiesTemplate } from './components/legal/templates/CookiesTemplate';\nexport { ContactTemplate } from './components/legal/templates/ContactTemplate';\n// Platform adapter\nexport * from './platform/withPlatformUI';\nexport { useResponsive } from './platform/useResponsive';\nexport { useReducedMotion } from './platform/useReducedMotion';\nexport { useColorScheme } from './platform/useColorScheme';\nexport * from './theme/variants';\nexport * from './theme/tokens';\nexport { mapTokensForPlatform } from './theme/tokenBridge';\n\n// Forms\nexport { FormDialog } from './components/forms/FormDialog';\nexport { ZodForm } from './components/forms/ZodForm';\nexport { FormSection, FormRow, FormGrid } from './components/forms/FormLayout';\nexport { FormCardLayout } from './components/forms/FormCardLayout';\nexport { FormStepsLayout } from './components/forms/FormStepsLayout';\nexport { FormOneByOneLayout } from './components/forms/FormOneByOneLayout';\nexport { ActionForm } from './components/forms/ActionForm';\n\n// Data views\nexport { DataViewList } from './components/data-view/DataViewList';\nexport { DataViewTable } from './components/data-view/DataViewTable';\nexport { DataViewDetail } from './components/data-view/DataViewDetail';\nexport { DataViewRenderer } from './components/data-view/DataViewRenderer';\n\n// Overlays re-exports (web default; native via Metro alias)\n// Overlays are used directly from ui-kit(s) in apps for now to avoid DTS bundling issues\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA0GmE"}

package/dist/lib/keyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.js","names":["res: Record<string, unknown>"],"sources":["../../src/lib/keyboard.ts"],"sourcesContent":["export type KeyboardKind =\n  | 'text'\n  | 'email'\n  | 'password'\n  | 'new-password'\n  | 'username'\n  | 'url'\n  | 'search'\n  | 'phone'\n  | 'tel' // alias of phone\n  | 'number'\n  | 'int' // alias of number\n  | 'decimal'\n  | 'numbers-and-punctuation'\n  | 'otp'\n  | 'name'\n  | 'given-name'\n  | 'family-name'\n  | 'address-line1'\n  | 'address-line2'\n  | 'postal-code'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-csc'\n  | 'off'\n  | 'date';\n\n// WHATWG HTML autofill tokens (subset + extensible). See:\n// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\nexport type AutoCompleteToken =\n  | 'on'\n  | 'off'\n  // identity\n  | 'name'\n  | 'honorific-prefix'\n  | 'given-name'\n  | 'additional-name'\n  | 'family-name'\n  | 'honorific-suffix'\n  | 'nickname'\n  | 'username'\n  | 'new-password'\n  | 'current-password'\n  | 'one-time-code'\n  // organization\n  | 'organization-title'\n  | 'organization'\n  // address\n  | 'street-address'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'address-level4'\n  | 'address-level3'\n  | 'address-level2'\n  | 'address-level1'\n  | 'country'\n  | 'country-name'\n  | 'postal-code'\n  // credit card / payment\n  | 'cc-name'\n  | 'cc-given-name'\n  | 'cc-additional-name'\n  | 'cc-family-name'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-csc'\n  | 'cc-type'\n  | 'transaction-amount'\n  // personal\n  | 'language'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'sex'\n  | 'photo'\n  // contact\n  | 'email'\n  | 'impp'\n  | 'tel'\n  | 'tel-country-code'\n  | 'tel-national'\n  | 'tel-area-code'\n  | 'tel-local'\n  | 'tel-local-prefix'\n  | 'tel-local-suffix'\n  | 'tel-extension'\n  | 'url'\n  // webauthn and sections (allow prefix)\n  | 'webauthn'\n  | `section-${string}`\n  // allow future spec additions while keeping strong hints\n  | (string & {});\n\nexport interface KeyboardOptions {\n  kind?: KeyboardKind;\n  autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n  autoComplete?: AutoCompleteToken;\n  autoCorrect?: boolean;\n  enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'search' | 'send';\n}\n\nfunction deriveKindFromAutoComplete(\n  ac?: AutoCompleteToken\n): KeyboardKind | undefined {\n  if (!ac) return undefined;\n  switch (ac) {\n    // Direct mappings\n    case 'email':\n      return 'email';\n    case 'url':\n      return 'url';\n    case 'username':\n      return 'username';\n    case 'new-password':\n      return 'new-password';\n    case 'current-password':\n      return 'password';\n    case 'one-time-code':\n      return 'otp';\n    case 'tel':\n    case 'tel-country-code':\n    case 'tel-national':\n    case 'tel-area-code':\n    case 'tel-local':\n    case 'tel-local-prefix':\n    case 'tel-local-suffix':\n    case 'tel-extension':\n      return 'tel';\n    // Numeric leaning\n    case 'postal-code':\n    case 'cc-number':\n    case 'cc-csc':\n    case 'bday-day':\n    case 'bday-month':\n    case 'bday-year':\n      return 'int';\n    case 'cc-exp':\n    case 'cc-exp-month':\n    case 'cc-exp-year':\n      return 'numbers-and-punctuation';\n    // Date-like\n    case 'bday':\n      return 'date';\n    // Everything else is plain text (names, organization, street-address, etc.)\n    default:\n      return 'text';\n  }\n}\n\nfunction applyAutoCompleteDefaultsWeb(\n  res: Record<string, unknown>,\n  ac?: AutoCompleteToken\n) {\n  if (!ac) return;\n  // Capitalization defaults for human names/org titles\n  const wordsCaps: AutoCompleteToken[] = [\n    'name',\n    'given-name',\n    'additional-name',\n    'family-name',\n    'honorific-prefix',\n    'honorific-suffix',\n    'nickname',\n    'organization',\n    'organization-title',\n    'cc-name',\n    'cc-given-name',\n    'cc-additional-name',\n    'cc-family-name',\n  ];\n  if (wordsCaps.includes(ac)) {\n    (res as Record<string, string>).autoCapitalize = 'words';\n  }\n  // Lowercase identifiers\n  const noneCaps: AutoCompleteToken[] = [\n    'username',\n    'new-password',\n    'current-password',\n    'one-time-code',\n    'email',\n    'url',\n  ];\n  if (noneCaps.includes(ac)) {\n    (res as Record<string, string>).autoCapitalize = 'none';\n  }\n}\n\nfunction applyAutoCompleteDefaultsNative(\n  native: Record<string, unknown>,\n  ac?: AutoCompleteToken\n) {\n  if (!ac) return;\n  // iOS textContentType hints where available (best-effort)\n  const textContentMap: Partial<Record<AutoCompleteToken, string>> = {\n    name: 'name',\n    'given-name': 'givenName',\n    'additional-name': 'middleName',\n    'family-name': 'familyName',\n    username: 'username',\n    'current-password': 'password',\n    'new-password': 'newPassword',\n    email: 'emailAddress',\n    url: 'URL',\n    tel: 'telephoneNumber',\n    'address-line1': 'streetAddressLine1',\n    'address-line2': 'streetAddressLine2',\n    'postal-code': 'postalCode',\n    organization: 'organizationName',\n    'organization-title': 'jobTitle',\n    'one-time-code': 'oneTimeCode',\n  };\n  const tc = textContentMap[ac];\n  if (tc) (native as Record<string, string>).textContentType = tc;\n  // Capitalization defaults\n  const wordsCaps: AutoCompleteToken[] = [\n    'name',\n    'given-name',\n    'additional-name',\n    'family-name',\n    'honorific-prefix',\n    'honorific-suffix',\n    'nickname',\n    'organization',\n    'organization-title',\n    'cc-name',\n    'cc-given-name',\n    'cc-additional-name',\n    'cc-family-name',\n  ];\n  if (wordsCaps.includes(ac)) {\n    (native as Record<string, string>).autoCapitalize = 'words';\n  }\n  const noneCaps: AutoCompleteToken[] = [\n    'username',\n    'new-password',\n    'current-password',\n    'one-time-code',\n    'email',\n    'url',\n  ];\n  if (noneCaps.includes(ac)) {\n    (native as Record<string, string>).autoCapitalize = 'none';\n  }\n}\n\nexport function mapKeyboardToWeb(opts?: KeyboardOptions) {\n  const kind =\n    opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? 'text';\n  const res: Record<string, unknown> = {};\n\n  switch (kind) {\n    case 'password':\n      res.type = 'password';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'current-password';\n      if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n      break;\n    case 'new-password':\n      res.type = 'password';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'new-password';\n      if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n      break;\n    case 'username':\n      res.type = 'text';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'username';\n      break;\n    case 'email':\n      res.type = 'email';\n      res.inputMode = 'email';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'email';\n      break;\n    case 'url':\n      res.type = 'url';\n      res.inputMode = 'url';\n      res.autoComplete = opts?.autoComplete ?? 'url';\n      break;\n    case 'search':\n      res.type = 'search';\n      res.inputMode = 'search';\n      res.enterKeyHint = opts?.enterKeyHint ?? 'search';\n      res.autoComplete = opts?.autoComplete ?? 'off';\n      break;\n    case 'phone':\n    case 'tel':\n      res.type = 'tel';\n      res.inputMode = 'tel';\n      res.autoComplete = opts?.autoComplete ?? 'tel';\n      break;\n    case 'number':\n    case 'int':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      break;\n    case 'decimal':\n      res.type = 'text';\n      res.inputMode = 'decimal';\n      (res as Record<string, unknown>).step = 'any';\n      break;\n    case 'numbers-and-punctuation':\n      res.type = 'text';\n      res.inputMode = 'text';\n      res.pattern = '[0-9.,-]*';\n      break;\n    case 'otp':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.autoComplete = opts?.autoComplete ?? 'one-time-code';\n      res.autoCapitalize = 'none';\n      break;\n    case 'name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'given-name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'given-name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'family-name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'family-name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'address-line1':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'address-line1';\n      break;\n    case 'address-line2':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'address-line2';\n      break;\n    case 'postal-code':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'postal-code';\n      break;\n    case 'cc-number':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-number';\n      break;\n    case 'cc-exp':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9/]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-exp';\n      break;\n    case 'cc-csc':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-csc';\n      break;\n    case 'off':\n      res.type = 'text';\n      res.autoComplete = 'off';\n      break;\n    case 'date':\n      res.type = 'date';\n      res.inputMode = 'date';\n      res.pattern = '[0-9./-]*';\n      break;\n    default:\n      res.type = 'text';\n      break;\n  }\n\n  if (opts?.autoCapitalize) res.autoCapitalize = opts.autoCapitalize;\n  if (opts?.autoComplete) res.autoComplete = opts.autoComplete;\n  if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n  if (opts?.enterKeyHint) res.enterKeyHint = opts.enterKeyHint;\n  // Apply additional defaults based on autofill tokens\n  applyAutoCompleteDefaultsWeb(res, opts?.autoComplete);\n  return res;\n}\n\nexport function mapKeyboardToNative(opts?: KeyboardOptions) {\n  const kind =\n    opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? 'text';\n  const native: Record<string, unknown> = {};\n\n  switch (kind) {\n    case 'password':\n      native.secureTextEntry = true;\n      native.textContentType = 'password';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'password';\n      break;\n    case 'new-password':\n      native.secureTextEntry = true;\n      native.textContentType = 'newPassword';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'new-password';\n      break;\n    case 'username':\n      native.textContentType = 'username';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'username';\n      break;\n    case 'email':\n      native.keyboardType = 'email-address';\n      native.textContentType = 'emailAddress';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'email';\n      break;\n    case 'url':\n      native.keyboardType = 'url';\n      native.textContentType = 'URL';\n      native.autoComplete = opts?.autoComplete ?? 'url';\n      break;\n    case 'search':\n      native.keyboardType = 'default';\n      native.returnKeyType = 'search';\n      native.autoComplete = opts?.autoComplete ?? 'off';\n      break;\n    case 'phone':\n    case 'tel':\n      native.keyboardType = 'phone-pad';\n      native.textContentType = 'telephoneNumber';\n      native.autoComplete = opts?.autoComplete ?? 'tel';\n      break;\n    case 'number':\n    case 'int':\n      native.keyboardType = 'number-pad';\n      break;\n    case 'decimal':\n      native.keyboardType = 'decimal-pad';\n      break;\n    case 'numbers-and-punctuation':\n      native.keyboardType = 'numbers-and-punctuation';\n      break;\n    case 'otp':\n      native.keyboardType = 'number-pad';\n      native.textContentType = 'oneTimeCode';\n      native.autoComplete = opts?.autoComplete ?? 'one-time-code';\n      native.autoCapitalize = 'none';\n      break;\n    case 'name':\n      native.textContentType = 'name';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'name';\n      break;\n    case 'given-name':\n      native.textContentType = 'givenName';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'given-name';\n      break;\n    case 'family-name':\n      native.textContentType = 'familyName';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'family-name';\n      break;\n    case 'address-line1':\n      native.textContentType = 'streetAddressLine1';\n      native.autoComplete = opts?.autoComplete ?? 'address-line1';\n      break;\n    case 'address-line2':\n      native.textContentType = 'streetAddressLine2';\n      native.autoComplete = opts?.autoComplete ?? 'address-line2';\n      break;\n    case 'postal-code':\n      native.keyboardType = 'numbers-and-punctuation';\n      native.textContentType = 'postalCode';\n      native.autoComplete = opts?.autoComplete ?? 'postal-code';\n      break;\n    case 'cc-number':\n      native.keyboardType = 'number-pad';\n      native.textContentType = 'creditCardNumber';\n      native.autoComplete = opts?.autoComplete ?? 'cc-number';\n      break;\n    case 'cc-exp':\n      native.keyboardType = 'numbers-and-punctuation';\n      native.autoComplete = opts?.autoComplete ?? 'cc-exp';\n      break;\n    case 'cc-csc':\n      native.keyboardType = 'number-pad';\n      native.autoComplete = opts?.autoComplete ?? 'cc-csc';\n      break;\n    case 'off':\n      native.autoComplete = 'off';\n      break;\n    case 'date':\n      native.keyboardType = 'default';\n      break;\n    default:\n      native.keyboardType = 'default';\n      break;\n  }\n\n  if (opts?.autoCapitalize) native.autoCapitalize = opts.autoCapitalize;\n  if (opts?.autoCorrect != null) native.autoCorrect = opts.autoCorrect;\n\n  if (opts?.enterKeyHint) {\n    const map: Record<string, string> = {\n      enter: 'default',\n      done: 'done',\n      go: 'go',\n      next: 'next',\n      search: 'search',\n      send: 'send',\n    };\n    native.returnKeyType = map[opts.enterKeyHint] ?? 'default';\n  }\n\n  // Apply additional defaults based on autofill tokens\n  applyAutoCompleteDefaultsNative(native, opts?.autoComplete);\n\n  return native;\n}\n"],"mappings":"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"}
+{"version":3,"file":"keyboard.js","names":[],"sources":["../../src/lib/keyboard.ts"],"sourcesContent":["export type KeyboardKind =\n  | 'text'\n  | 'email'\n  | 'password'\n  | 'new-password'\n  | 'username'\n  | 'url'\n  | 'search'\n  | 'phone'\n  | 'tel' // alias of phone\n  | 'number'\n  | 'int' // alias of number\n  | 'decimal'\n  | 'numbers-and-punctuation'\n  | 'otp'\n  | 'name'\n  | 'given-name'\n  | 'family-name'\n  | 'address-line1'\n  | 'address-line2'\n  | 'postal-code'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-csc'\n  | 'off'\n  | 'date';\n\n// WHATWG HTML autofill tokens (subset + extensible). See:\n// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\nexport type AutoCompleteToken =\n  | 'on'\n  | 'off'\n  // identity\n  | 'name'\n  | 'honorific-prefix'\n  | 'given-name'\n  | 'additional-name'\n  | 'family-name'\n  | 'honorific-suffix'\n  | 'nickname'\n  | 'username'\n  | 'new-password'\n  | 'current-password'\n  | 'one-time-code'\n  // organization\n  | 'organization-title'\n  | 'organization'\n  // address\n  | 'street-address'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'address-level4'\n  | 'address-level3'\n  | 'address-level2'\n  | 'address-level1'\n  | 'country'\n  | 'country-name'\n  | 'postal-code'\n  // credit card / payment\n  | 'cc-name'\n  | 'cc-given-name'\n  | 'cc-additional-name'\n  | 'cc-family-name'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-csc'\n  | 'cc-type'\n  | 'transaction-amount'\n  // personal\n  | 'language'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'sex'\n  | 'photo'\n  // contact\n  | 'email'\n  | 'impp'\n  | 'tel'\n  | 'tel-country-code'\n  | 'tel-national'\n  | 'tel-area-code'\n  | 'tel-local'\n  | 'tel-local-prefix'\n  | 'tel-local-suffix'\n  | 'tel-extension'\n  | 'url'\n  // webauthn and sections (allow prefix)\n  | 'webauthn'\n  | `section-${string}`\n  // allow future spec additions while keeping strong hints\n  | (string & {});\n\nexport interface KeyboardOptions {\n  kind?: KeyboardKind;\n  autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n  autoComplete?: AutoCompleteToken;\n  autoCorrect?: boolean;\n  enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'search' | 'send';\n}\n\nfunction deriveKindFromAutoComplete(\n  ac?: AutoCompleteToken\n): KeyboardKind | undefined {\n  if (!ac) return undefined;\n  switch (ac) {\n    // Direct mappings\n    case 'email':\n      return 'email';\n    case 'url':\n      return 'url';\n    case 'username':\n      return 'username';\n    case 'new-password':\n      return 'new-password';\n    case 'current-password':\n      return 'password';\n    case 'one-time-code':\n      return 'otp';\n    case 'tel':\n    case 'tel-country-code':\n    case 'tel-national':\n    case 'tel-area-code':\n    case 'tel-local':\n    case 'tel-local-prefix':\n    case 'tel-local-suffix':\n    case 'tel-extension':\n      return 'tel';\n    // Numeric leaning\n    case 'postal-code':\n    case 'cc-number':\n    case 'cc-csc':\n    case 'bday-day':\n    case 'bday-month':\n    case 'bday-year':\n      return 'int';\n    case 'cc-exp':\n    case 'cc-exp-month':\n    case 'cc-exp-year':\n      return 'numbers-and-punctuation';\n    // Date-like\n    case 'bday':\n      return 'date';\n    // Everything else is plain text (names, organization, street-address, etc.)\n    default:\n      return 'text';\n  }\n}\n\nfunction applyAutoCompleteDefaultsWeb(\n  res: Record<string, unknown>,\n  ac?: AutoCompleteToken\n) {\n  if (!ac) return;\n  // Capitalization defaults for human names/org titles\n  const wordsCaps: AutoCompleteToken[] = [\n    'name',\n    'given-name',\n    'additional-name',\n    'family-name',\n    'honorific-prefix',\n    'honorific-suffix',\n    'nickname',\n    'organization',\n    'organization-title',\n    'cc-name',\n    'cc-given-name',\n    'cc-additional-name',\n    'cc-family-name',\n  ];\n  if (wordsCaps.includes(ac)) {\n    (res as Record<string, string>).autoCapitalize = 'words';\n  }\n  // Lowercase identifiers\n  const noneCaps: AutoCompleteToken[] = [\n    'username',\n    'new-password',\n    'current-password',\n    'one-time-code',\n    'email',\n    'url',\n  ];\n  if (noneCaps.includes(ac)) {\n    (res as Record<string, string>).autoCapitalize = 'none';\n  }\n}\n\nfunction applyAutoCompleteDefaultsNative(\n  native: Record<string, unknown>,\n  ac?: AutoCompleteToken\n) {\n  if (!ac) return;\n  // iOS textContentType hints where available (best-effort)\n  const textContentMap: Partial<Record<AutoCompleteToken, string>> = {\n    name: 'name',\n    'given-name': 'givenName',\n    'additional-name': 'middleName',\n    'family-name': 'familyName',\n    username: 'username',\n    'current-password': 'password',\n    'new-password': 'newPassword',\n    email: 'emailAddress',\n    url: 'URL',\n    tel: 'telephoneNumber',\n    'address-line1': 'streetAddressLine1',\n    'address-line2': 'streetAddressLine2',\n    'postal-code': 'postalCode',\n    organization: 'organizationName',\n    'organization-title': 'jobTitle',\n    'one-time-code': 'oneTimeCode',\n  };\n  const tc = textContentMap[ac];\n  if (tc) (native as Record<string, string>).textContentType = tc;\n  // Capitalization defaults\n  const wordsCaps: AutoCompleteToken[] = [\n    'name',\n    'given-name',\n    'additional-name',\n    'family-name',\n    'honorific-prefix',\n    'honorific-suffix',\n    'nickname',\n    'organization',\n    'organization-title',\n    'cc-name',\n    'cc-given-name',\n    'cc-additional-name',\n    'cc-family-name',\n  ];\n  if (wordsCaps.includes(ac)) {\n    (native as Record<string, string>).autoCapitalize = 'words';\n  }\n  const noneCaps: AutoCompleteToken[] = [\n    'username',\n    'new-password',\n    'current-password',\n    'one-time-code',\n    'email',\n    'url',\n  ];\n  if (noneCaps.includes(ac)) {\n    (native as Record<string, string>).autoCapitalize = 'none';\n  }\n}\n\nexport function mapKeyboardToWeb(opts?: KeyboardOptions) {\n  const kind =\n    opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? 'text';\n  const res: Record<string, unknown> = {};\n\n  switch (kind) {\n    case 'password':\n      res.type = 'password';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'current-password';\n      if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n      break;\n    case 'new-password':\n      res.type = 'password';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'new-password';\n      if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n      break;\n    case 'username':\n      res.type = 'text';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'username';\n      break;\n    case 'email':\n      res.type = 'email';\n      res.inputMode = 'email';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'email';\n      break;\n    case 'url':\n      res.type = 'url';\n      res.inputMode = 'url';\n      res.autoComplete = opts?.autoComplete ?? 'url';\n      break;\n    case 'search':\n      res.type = 'search';\n      res.inputMode = 'search';\n      res.enterKeyHint = opts?.enterKeyHint ?? 'search';\n      res.autoComplete = opts?.autoComplete ?? 'off';\n      break;\n    case 'phone':\n    case 'tel':\n      res.type = 'tel';\n      res.inputMode = 'tel';\n      res.autoComplete = opts?.autoComplete ?? 'tel';\n      break;\n    case 'number':\n    case 'int':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      break;\n    case 'decimal':\n      res.type = 'text';\n      res.inputMode = 'decimal';\n      (res as Record<string, unknown>).step = 'any';\n      break;\n    case 'numbers-and-punctuation':\n      res.type = 'text';\n      res.inputMode = 'text';\n      res.pattern = '[0-9.,-]*';\n      break;\n    case 'otp':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.autoComplete = opts?.autoComplete ?? 'one-time-code';\n      res.autoCapitalize = 'none';\n      break;\n    case 'name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'given-name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'given-name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'family-name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'family-name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'address-line1':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'address-line1';\n      break;\n    case 'address-line2':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'address-line2';\n      break;\n    case 'postal-code':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'postal-code';\n      break;\n    case 'cc-number':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-number';\n      break;\n    case 'cc-exp':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9/]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-exp';\n      break;\n    case 'cc-csc':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-csc';\n      break;\n    case 'off':\n      res.type = 'text';\n      res.autoComplete = 'off';\n      break;\n    case 'date':\n      res.type = 'date';\n      res.inputMode = 'date';\n      res.pattern = '[0-9./-]*';\n      break;\n    default:\n      res.type = 'text';\n      break;\n  }\n\n  if (opts?.autoCapitalize) res.autoCapitalize = opts.autoCapitalize;\n  if (opts?.autoComplete) res.autoComplete = opts.autoComplete;\n  if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n  if (opts?.enterKeyHint) res.enterKeyHint = opts.enterKeyHint;\n  // Apply additional defaults based on autofill tokens\n  applyAutoCompleteDefaultsWeb(res, opts?.autoComplete);\n  return res;\n}\n\nexport function mapKeyboardToNative(opts?: KeyboardOptions) {\n  const kind =\n    opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? 'text';\n  const native: Record<string, unknown> = {};\n\n  switch (kind) {\n    case 'password':\n      native.secureTextEntry = true;\n      native.textContentType = 'password';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'password';\n      break;\n    case 'new-password':\n      native.secureTextEntry = true;\n      native.textContentType = 'newPassword';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'new-password';\n      break;\n    case 'username':\n      native.textContentType = 'username';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'username';\n      break;\n    case 'email':\n      native.keyboardType = 'email-address';\n      native.textContentType = 'emailAddress';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'email';\n      break;\n    case 'url':\n      native.keyboardType = 'url';\n      native.textContentType = 'URL';\n      native.autoComplete = opts?.autoComplete ?? 'url';\n      break;\n    case 'search':\n      native.keyboardType = 'default';\n      native.returnKeyType = 'search';\n      native.autoComplete = opts?.autoComplete ?? 'off';\n      break;\n    case 'phone':\n    case 'tel':\n      native.keyboardType = 'phone-pad';\n      native.textContentType = 'telephoneNumber';\n      native.autoComplete = opts?.autoComplete ?? 'tel';\n      break;\n    case 'number':\n    case 'int':\n      native.keyboardType = 'number-pad';\n      break;\n    case 'decimal':\n      native.keyboardType = 'decimal-pad';\n      break;\n    case 'numbers-and-punctuation':\n      native.keyboardType = 'numbers-and-punctuation';\n      break;\n    case 'otp':\n      native.keyboardType = 'number-pad';\n      native.textContentType = 'oneTimeCode';\n      native.autoComplete = opts?.autoComplete ?? 'one-time-code';\n      native.autoCapitalize = 'none';\n      break;\n    case 'name':\n      native.textContentType = 'name';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'name';\n      break;\n    case 'given-name':\n      native.textContentType = 'givenName';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'given-name';\n      break;\n    case 'family-name':\n      native.textContentType = 'familyName';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'family-name';\n      break;\n    case 'address-line1':\n      native.textContentType = 'streetAddressLine1';\n      native.autoComplete = opts?.autoComplete ?? 'address-line1';\n      break;\n    case 'address-line2':\n      native.textContentType = 'streetAddressLine2';\n      native.autoComplete = opts?.autoComplete ?? 'address-line2';\n      break;\n    case 'postal-code':\n      native.keyboardType = 'numbers-and-punctuation';\n      native.textContentType = 'postalCode';\n      native.autoComplete = opts?.autoComplete ?? 'postal-code';\n      break;\n    case 'cc-number':\n      native.keyboardType = 'number-pad';\n      native.textContentType = 'creditCardNumber';\n      native.autoComplete = opts?.autoComplete ?? 'cc-number';\n      break;\n    case 'cc-exp':\n      native.keyboardType = 'numbers-and-punctuation';\n      native.autoComplete = opts?.autoComplete ?? 'cc-exp';\n      break;\n    case 'cc-csc':\n      native.keyboardType = 'number-pad';\n      native.autoComplete = opts?.autoComplete ?? 'cc-csc';\n      break;\n    case 'off':\n      native.autoComplete = 'off';\n      break;\n    case 'date':\n      native.keyboardType = 'default';\n      break;\n    default:\n      native.keyboardType = 'default';\n      break;\n  }\n\n  if (opts?.autoCapitalize) native.autoCapitalize = opts.autoCapitalize;\n  if (opts?.autoCorrect != null) native.autoCorrect = opts.autoCorrect;\n\n  if (opts?.enterKeyHint) {\n    const map: Record<string, string> = {\n      enter: 'default',\n      done: 'done',\n      go: 'go',\n      next: 'next',\n      search: 'search',\n      send: 'send',\n    };\n    native.returnKeyType = map[opts.enterKeyHint] ?? 'default';\n  }\n\n  // Apply additional defaults based on autofill tokens\n  applyAutoCompleteDefaultsNative(native, opts?.autoComplete);\n\n  return native;\n}\n"],"mappings":"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"}

package/dist/platform/useResponsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResponsive.js","names":["DEFAULT: Breakpoints"],"sources":["../../src/platform/useResponsive.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\ninterface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nconst DEFAULT: Breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };\n\nexport function useResponsive(custom?: Partial<Breakpoints>) {\n  const bp = React.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);\n  const [width, setWidth] = React.useState<number>(\n    typeof window !== 'undefined' ? window.innerWidth : bp.md\n  );\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const onResize = () => setWidth(window.innerWidth);\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, []);\n\n  const isSM = width >= bp.sm;\n  const isMD = width >= bp.md;\n  const isLG = width >= bp.lg;\n  const isXL = width >= bp.xl;\n\n  const screen: 'mobile' | 'tablet' | 'desktop' = isLG\n    ? 'desktop'\n    : isSM\n      ? 'tablet'\n      : 'mobile';\n\n  return {\n    width,\n    breakpoints: bp,\n    isSM,\n    isMD,\n    isLG,\n    isXL,\n    screen,\n  } as const;\n}\n"],"mappings":";;;;;AAWA,MAAMA,UAAuB;CAAE,IAAI;CAAK,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM;AAErE,SAAgB,cAAc,QAA+B;CAC3D,MAAM,KAAK,MAAM,eAAe;EAAE,GAAG;EAAS,GAAG;EAAQ,GAAG,CAAC,OAAO,CAAC;CACrE,MAAM,CAAC,OAAO,YAAY,MAAM,SAC9B,OAAO,WAAW,cAAc,OAAO,aAAa,GAAG,GACxD;AAED,OAAM,gBAAgB;AACpB,MAAI,OAAO,WAAW,YAAa;EACnC,MAAM,iBAAiB,SAAS,OAAO,WAAW;AAClD,SAAO,iBAAiB,UAAU,SAAS;AAC3C,eAAa,OAAO,oBAAoB,UAAU,SAAS;IAC1D,EAAE,CAAC;CAEN,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;AASzB,QAAO;EACL;EACA,aAAa;EACb;EACA;EACA;EACA,MAdW,SAAS,GAAG;EAevB,QAb8C,OAC5C,YACA,OACE,WACA;EAUL"}
+{"version":3,"file":"useResponsive.js","names":[],"sources":["../../src/platform/useResponsive.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\ninterface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nconst DEFAULT: Breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };\n\nexport function useResponsive(custom?: Partial<Breakpoints>) {\n  const bp = React.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);\n  const [width, setWidth] = React.useState<number>(\n    typeof window !== 'undefined' ? window.innerWidth : bp.md\n  );\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const onResize = () => setWidth(window.innerWidth);\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, []);\n\n  const isSM = width >= bp.sm;\n  const isMD = width >= bp.md;\n  const isLG = width >= bp.lg;\n  const isXL = width >= bp.xl;\n\n  const screen: 'mobile' | 'tablet' | 'desktop' = isLG\n    ? 'desktop'\n    : isSM\n      ? 'tablet'\n      : 'mobile';\n\n  return {\n    width,\n    breakpoints: bp,\n    isSM,\n    isMD,\n    isLG,\n    isXL,\n    screen,\n  } as const;\n}\n"],"mappings":";;;;;AAWA,MAAM,UAAuB;CAAE,IAAI;CAAK,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM;AAErE,SAAgB,cAAc,QAA+B;CAC3D,MAAM,KAAK,MAAM,eAAe;EAAE,GAAG;EAAS,GAAG;EAAQ,GAAG,CAAC,OAAO,CAAC;CACrE,MAAM,CAAC,OAAO,YAAY,MAAM,SAC9B,OAAO,WAAW,cAAc,OAAO,aAAa,GAAG,GACxD;AAED,OAAM,gBAAgB;AACpB,MAAI,OAAO,WAAW,YAAa;EACnC,MAAM,iBAAiB,SAAS,OAAO,WAAW;AAClD,SAAO,iBAAiB,UAAU,SAAS;AAC3C,eAAa,OAAO,oBAAoB,UAAU,SAAS;IAC1D,EAAE,CAAC;CAEN,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;AASzB,QAAO;EACL;EACA,aAAa;EACb;EACA;EACA;EACA,MAdW,SAAS,GAAG;EAevB,QAb8C,OAC5C,YACA,OACE,WACA;EAUL"}

package/dist/platform/withPlatformUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"withPlatformUI.js","names":["DEFAULT_BREAKPOINTS: Breakpoints","platform: PlatformKind","breakpoints: Breakpoints"],"sources":["../../src/platform/withPlatformUI.ts"],"sourcesContent":["'use client';\n\n/**\n * withPlatformUI\n * Lightweight adapter inspired by gluestack's withGluestack pattern.\n * It centralizes tokens and responsive options while keeping DS imports\n * pointed at @ui-kit-web. Metro/Webpack aliases can swap to @ui-kit in native.\n */\n\nexport type PlatformKind = 'web' | 'native';\n\nexport interface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface WithPlatformUIOptions<\n  TTokens extends Record<string, unknown>,\n> {\n  tokens: TTokens;\n  platform?: PlatformKind;\n  breakpoints?: Partial<Breakpoints>;\n}\n\nexport interface PlatformUI<TTokens> {\n  platform: PlatformKind;\n  tokens: TTokens;\n  breakpoints: Breakpoints;\n}\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n};\n\nexport function withPlatformUI<TTokens extends Record<string, unknown>>(\n  options: WithPlatformUIOptions<TTokens>\n): PlatformUI<TTokens> {\n  const platform: PlatformKind = options.platform ?? 'web';\n  const breakpoints: Breakpoints = {\n    ...DEFAULT_BREAKPOINTS,\n    ...options.breakpoints,\n  };\n  return {\n    platform,\n    tokens: options.tokens,\n    breakpoints,\n  };\n}\n\n/**\n * Example usage (app-level):\n *\n * const ui = withPlatformUI({ tokens: themeTokens });\n * // pass ui.tokens to DS providers or map classes as needed\n */\n"],"mappings":";;;AAgCA,MAAaA,sBAAmC;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,eACd,SACqB;CACrB,MAAMC,WAAyB,QAAQ,YAAY;CACnD,MAAMC,cAA2B;EAC/B,GAAG;EACH,GAAG,QAAQ;EACZ;AACD,QAAO;EACL;EACA,QAAQ,QAAQ;EAChB;EACD"}
+{"version":3,"file":"withPlatformUI.js","names":[],"sources":["../../src/platform/withPlatformUI.ts"],"sourcesContent":["'use client';\n\n/**\n * withPlatformUI\n * Lightweight adapter inspired by gluestack's withGluestack pattern.\n * It centralizes tokens and responsive options while keeping DS imports\n * pointed at @ui-kit-web. Metro/Webpack aliases can swap to @ui-kit in native.\n */\n\nexport type PlatformKind = 'web' | 'native';\n\nexport interface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface WithPlatformUIOptions<\n  TTokens extends Record<string, unknown>,\n> {\n  tokens: TTokens;\n  platform?: PlatformKind;\n  breakpoints?: Partial<Breakpoints>;\n}\n\nexport interface PlatformUI<TTokens> {\n  platform: PlatformKind;\n  tokens: TTokens;\n  breakpoints: Breakpoints;\n}\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n};\n\nexport function withPlatformUI<TTokens extends Record<string, unknown>>(\n  options: WithPlatformUIOptions<TTokens>\n): PlatformUI<TTokens> {\n  const platform: PlatformKind = options.platform ?? 'web';\n  const breakpoints: Breakpoints = {\n    ...DEFAULT_BREAKPOINTS,\n    ...options.breakpoints,\n  };\n  return {\n    platform,\n    tokens: options.tokens,\n    breakpoints,\n  };\n}\n\n/**\n * Example usage (app-level):\n *\n * const ui = withPlatformUI({ tokens: themeTokens });\n * // pass ui.tokens to DS providers or map classes as needed\n */\n"],"mappings":";;;AAgCA,MAAa,sBAAmC;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,eACd,SACqB;CACrB,MAAM,WAAyB,QAAQ,YAAY;CACnD,MAAM,cAA2B;EAC/B,GAAG;EACH,GAAG,QAAQ;EACZ;AACD,QAAO;EACL;EACA,QAAQ,QAAQ;EAChB;EACD"}

package/dist/renderers/form-contract.d.ts

@@ -1,11 +1,11 @@
 import * as _contractspec_lib_contracts_client_react_form_render0 from "@contractspec/lib.contracts/client/react/form-render";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 import * as _contractspec_lib_schema0 from "@contractspec/lib.schema";
 import * as _contractspec_lib_contracts_forms0 from "@contractspec/lib.contracts/forms";
 
 //#region src/renderers/form-contract.d.ts
 declare const formRenderer: {
-  render: (spec: _contractspec_lib_contracts_forms0.FormSpec<_contractspec_lib_schema0.AnySchemaModel>, options?: _contractspec_lib_contracts_client_react_form_render0.RenderOptions<unknown> | undefined) => react_jsx_runtime111.JSX.Element;
+  render: (spec: _contractspec_lib_contracts_forms0.FormSpec<_contractspec_lib_schema0.AnySchemaModel>, options?: _contractspec_lib_contracts_client_react_form_render0.RenderOptions<unknown> | undefined) => react_jsx_runtime109.JSX.Element;
 };
 //#endregion
 export { formRenderer };

package/dist/theme/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["defaultTokens: ThemeTokens"],"sources":["../../src/theme/tokens.ts"],"sourcesContent":["'use client';\n\nexport interface ColorTokens {\n  background: string;\n  foreground: string;\n  muted: string;\n  mutedForeground: string;\n  primary: string;\n  primaryForeground: string;\n  accent: string;\n  accentForeground: string;\n  destructive: string;\n  destructiveForeground: string;\n  border: string;\n  ring: string;\n}\n\nexport interface RadiusTokens {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  full: number;\n}\n\nexport interface SpaceTokens {\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface TypographyTokens {\n  h1: number;\n  h2: number;\n  h3: number;\n  body: number;\n  small: number;\n}\n\nexport interface ThemeTokens {\n  colors: ColorTokens;\n  radii: RadiusTokens;\n  space: SpaceTokens;\n  typography: TypographyTokens;\n  icons: { sm: number; md: number; lg: number };\n}\n\nexport const defaultTokens: ThemeTokens = {\n  colors: {\n    background: '#ffffff',\n    foreground: '#0a0a0a',\n    muted: '#f4f4f5',\n    mutedForeground: '#71717a',\n    primary: '#0f49a0',\n    primaryForeground: '#ffffff',\n    accent: '#16a34a',\n    accentForeground: '#ffffff',\n    destructive: '#ef4444',\n    destructiveForeground: '#ffffff',\n    border: '#e4e4e7',\n    ring: '#2563eb',\n  },\n  radii: { sm: 4, md: 8, lg: 12, xl: 16, full: 9999 },\n  space: { xs: 4, sm: 8, md: 12, lg: 16, xl: 24 },\n  typography: { h1: 30, h2: 24, h3: 20, body: 16, small: 14 },\n  icons: { sm: 16, md: 20, lg: 24 },\n};\n"],"mappings":";;;AAiDA,MAAaA,gBAA6B;CACxC,QAAQ;EACN,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,MAAM;EACP;CACD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,MAAM;EAAM;CACnD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAC/C,YAAY;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI,MAAM;EAAI,OAAO;EAAI;CAC3D,OAAO;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAClC"}
+{"version":3,"file":"tokens.js","names":[],"sources":["../../src/theme/tokens.ts"],"sourcesContent":["'use client';\n\nexport interface ColorTokens {\n  background: string;\n  foreground: string;\n  muted: string;\n  mutedForeground: string;\n  primary: string;\n  primaryForeground: string;\n  accent: string;\n  accentForeground: string;\n  destructive: string;\n  destructiveForeground: string;\n  border: string;\n  ring: string;\n}\n\nexport interface RadiusTokens {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  full: number;\n}\n\nexport interface SpaceTokens {\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface TypographyTokens {\n  h1: number;\n  h2: number;\n  h3: number;\n  body: number;\n  small: number;\n}\n\nexport interface ThemeTokens {\n  colors: ColorTokens;\n  radii: RadiusTokens;\n  space: SpaceTokens;\n  typography: TypographyTokens;\n  icons: { sm: number; md: number; lg: number };\n}\n\nexport const defaultTokens: ThemeTokens = {\n  colors: {\n    background: '#ffffff',\n    foreground: '#0a0a0a',\n    muted: '#f4f4f5',\n    mutedForeground: '#71717a',\n    primary: '#0f49a0',\n    primaryForeground: '#ffffff',\n    accent: '#16a34a',\n    accentForeground: '#ffffff',\n    destructive: '#ef4444',\n    destructiveForeground: '#ffffff',\n    border: '#e4e4e7',\n    ring: '#2563eb',\n  },\n  radii: { sm: 4, md: 8, lg: 12, xl: 16, full: 9999 },\n  space: { xs: 4, sm: 8, md: 12, lg: 16, xl: 24 },\n  typography: { h1: 30, h2: 24, h3: 20, body: 16, small: 14 },\n  icons: { sm: 16, md: 20, lg: 24 },\n};\n"],"mappings":";;;AAiDA,MAAa,gBAA6B;CACxC,QAAQ;EACN,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,MAAM;EACP;CACD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,MAAM;EAAM;CACnD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAC/C,YAAY;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI,MAAM;EAAI,OAAO;EAAI;CAC3D,OAAO;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAClC"}

package/dist/theme/variants.d.ts

@@ -14,7 +14,7 @@ declare const dsBaseVariants: (props?: ({
   size?: "sm" | "md" | "lg" | null | undefined;
   density?: "compact" | "comfortable" | null | undefined;
   tone?: "neutral" | "danger" | "info" | "success" | "warning" | null | undefined;
-  emphasis?: "default" | "strong" | "subtle" | null | undefined;
+  emphasis?: "strong" | "default" | "subtle" | null | undefined;
 } & class_variance_authority_types21.ClassProp) | undefined) => string;
 type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/lib.design-system",
-  "version": "1.46.2",
+  "version": "1.48.0",
   "description": "Design tokens and theming primitives",
   "keywords": [
     "contractspec",
@@ -24,37 +24,40 @@
     "lint:check": "eslint src"
   },
   "type": "module",
-  "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
   "tree-shake": true,
   "dependencies": {
+    "@contractspec/lib.ai-agent": "1.48.0",
+    "@contractspec/lib.contracts": "1.48.0",
+    "@contractspec/lib.ui-kit": "1.48.0",
+    "@contractspec/lib.ui-kit-web": "1.48.0",
     "@hookform/resolvers": "5.2.2",
-    "@contractspec/lib.ai-agent": "1.46.2",
-    "@contractspec/lib.contracts": "1.46.2",
-    "@contractspec/lib.ui-kit": "1.46.2",
-    "@contractspec/lib.ui-kit-web": "1.46.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.562.0",
+    "next": "16.1.1",
     "react": "19.2.3",
     "react-dom": "19.2.3",
+    "react-hook-form": "^7.70.0",
+    "shiki": "^3.21.0",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^4.1.13",
-    "next": "16.1.1"
+    "zod": "^4.3.5"
   },
   "devDependencies": {
-    "@contractspec/tool.typescript": "1.46.2",
-    "@contractspec/tool.tsdown": "1.46.2",
-    "@types/node": "^24.9.0",
+    "@contractspec/tool.tsdown": "1.48.0",
+    "@contractspec/tool.typescript": "1.48.0",
+    "@types/node": "^25.0.6",
     "@types/react-dom": "^19.0.14",
     "postcss": "^8.5",
+    "postcss-load-config": "^6.0.1",
+    "react-native": "^0.81.4",
+    "react-native-css": "^3.0.0",
     "tailwindcss": "4.1.18",
-    "tsdown": "^0.18.3",
+    "tsdown": "^0.19.0",
     "typescript": "^5.9.3"
   },
-  "module": "./dist/index.js",
   "files": [
     "dist",
     "README.md"

package/dist/components/molecules/SkeletonBlock/index.js

@@ -1 +0,0 @@
-import { SkeletonBlock } from "./index.web.js";

package/dist/components/molecules/SkeletonCircle/index.js

@@ -1 +0,0 @@
-import { SkeletonCircle } from "./index.web.js";

package/dist/components/molecules/SkeletonList/index.js

@@ -1 +0,0 @@
-import { SkeletonList } from "./index.web.js";

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

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

package/dist/components/templates/lists/ListPageTemplate/types.js

@@ -1 +0,0 @@
-import "react";

package/dist/renderers/index.js

@@ -1 +0,0 @@
-import { formRenderer } from "./form-contract.js";

package/dist/types/navigation.js

@@ -1 +0,0 @@
-import "react";