@alfakit/react 0.0.0-stage → 0.1.0

package/dist/hooks/use-hydrated.d.ts

@@ -0,0 +1,9 @@
+//#region src/hooks/use-hydrated.d.ts
+/**
+ * False during server rendering and hydration, true afterwards (and on a client-only
+ * render). Gate browser-dependent output on it, such as platform-specific shortcut hints,
+ * so server-rendered markup hydrates without a mismatch.
+ */
+export declare function useHydrated(): boolean;
+//#endregion
+//# sourceMappingURL=use-hydrated.d.ts.map

package/dist/hooks/use-hydrated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hydrated.d.ts","names":[],"sources":["../../src/hooks/use-hydrated.ts"],"mappings":";;;;;;wBASgB"}

package/dist/hooks/use-hydrated.js

@@ -0,0 +1,15 @@
+import { useSyncExternalStore } from "react";
+//#region src/hooks/use-hydrated.ts
+const subscribe = () => () => {};
+/**
+* False during server rendering and hydration, true afterwards (and on a client-only
+* render). Gate browser-dependent output on it, such as platform-specific shortcut hints,
+* so server-rendered markup hydrates without a mismatch.
+*/
+function useHydrated() {
+	return useSyncExternalStore(subscribe, () => true, () => false);
+}
+//#endregion
+export { useHydrated };
+
+//# sourceMappingURL=use-hydrated.js.map

package/dist/hooks/use-hydrated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hydrated.js","names":[],"sources":["../../src/hooks/use-hydrated.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nconst subscribe = () => () => {}\n\n/**\n * False during server rendering and hydration, true afterwards (and on a client-only\n * render). Gate browser-dependent output on it, such as platform-specific shortcut hints,\n * so server-rendered markup hydrates without a mismatch.\n */\nexport function useHydrated(): boolean {\n  return useSyncExternalStore(\n    subscribe,\n    () => true,\n    () => false,\n  )\n}\n"],"mappings":";;AAEA,MAAM,wBAAwB,CAAC;;;;;;AAO/B,SAAgB,cAAuB;CACrC,OAAO,qBACL,iBACM,YACA,KACR;AACF"}

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,8 @@
+//#region src/hooks/use-mobile.d.ts
+/**
+ * Whether the viewport is below the `md` breakpoint. Server rendering and hydration see
+ * `false` (desktop), so the markup matches; the browser value applies right after.
+ */
+export declare function useIsMobile(): boolean;
+//#endregion
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","names":[],"sources":["../../src/hooks/use-mobile.ts"],"mappings":";;;;;wBAsBgB"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,21 @@
+import { useSyncExternalStore } from "react";
+//#region src/hooks/use-mobile.ts
+const MOBILE_BREAKPOINT = 768;
+const QUERY = `(max-width: 767px)`;
+function subscribe(onChange) {
+	if (typeof window.matchMedia !== "function") return () => {};
+	const media = window.matchMedia(QUERY);
+	media.addEventListener("change", onChange);
+	return () => media.removeEventListener("change", onChange);
+}
+/**
+* Whether the viewport is below the `md` breakpoint. Server rendering and hydration see
+* `false` (desktop), so the markup matches; the browser value applies right after.
+*/
+function useIsMobile() {
+	return useSyncExternalStore(subscribe, () => window.innerWidth < MOBILE_BREAKPOINT, () => false);
+}
+//#endregion
+export { useIsMobile };
+
+//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react'\n\nconst MOBILE_BREAKPOINT = 768\nconst QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`\n\nfunction subscribe(onChange: () => void): () => void {\n  // Environments without matchMedia (some test runners) keep the desktop value.\n  if (typeof window.matchMedia !== 'function') {\n    return () => {}\n  }\n\n  const media = window.matchMedia(QUERY)\n\n  media.addEventListener('change', onChange)\n\n  return () => media.removeEventListener('change', onChange)\n}\n\n/**\n * Whether the viewport is below the `md` breakpoint. Server rendering and hydration see\n * `false` (desktop), so the markup matches; the browser value applies right after.\n */\nexport function useIsMobile(): boolean {\n  return useSyncExternalStore(\n    subscribe,\n    () => window.innerWidth < MOBILE_BREAKPOINT,\n    () => false,\n  )\n}\n"],"mappings":";;AAEA,MAAM,oBAAoB;AAC1B,MAAM,QAAQ;AAEd,SAAS,UAAU,UAAkC;CAEnD,IAAI,OAAO,OAAO,eAAe,YAC/B,aAAa,CAAC;CAGhB,MAAM,QAAQ,OAAO,WAAW,KAAK;CAErC,MAAM,iBAAiB,UAAU,QAAQ;CAEzC,aAAa,MAAM,oBAAoB,UAAU,QAAQ;AAC3D;;;;;AAMA,SAAgB,cAAuB;CACrC,OAAO,qBACL,iBACM,OAAO,aAAa,yBACpB,KACR;AACF"}

package/dist/hooks/use-store.d.ts

@@ -0,0 +1,7 @@
+import { Store } from "@alfakit/core";
+//#region src/hooks/use-store.d.ts
+/** Subscribe a React component to a core store. */
+export declare function useStore<T>(store: Pick<Store<T>, 'get' | 'subscribe'>): T;
+export declare function useStoreSelector<T, U>(store: Pick<Store<T>, 'get' | 'subscribe'>, selector: (state: T) => U): U;
+//#endregion
+//# sourceMappingURL=use-store.d.ts.map

package/dist/hooks/use-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-store.d.ts","names":[],"sources":["../../src/hooks/use-store.ts"],"mappings":";;;wBAIgB,SAAS,GAAG,OAAO,KAAK,MAAM,2BAA2B;wBAIzD,iBAAiB,GAAG,GAClC,OAAO,KAAK,MAAM,0BAClB,WAAW,OAAO,MAAM,IACvB"}

package/dist/hooks/use-store.js

@@ -0,0 +1,13 @@
+import { useSyncExternalStore } from "react";
+//#region src/hooks/use-store.ts
+/** Subscribe a React component to a core store. */
+function useStore(store) {
+	return useSyncExternalStore(store.subscribe, store.get, store.get);
+}
+function useStoreSelector(store, selector) {
+	return useSyncExternalStore(store.subscribe, () => selector(store.get()), () => selector(store.get()));
+}
+//#endregion
+export { useStore, useStoreSelector };
+
+//# sourceMappingURL=use-store.js.map

package/dist/hooks/use-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-store.js","names":[],"sources":["../../src/hooks/use-store.ts"],"sourcesContent":["import type { Store } from '@alfakit/core'\nimport { useSyncExternalStore } from 'react'\n\n/** Subscribe a React component to a core store. */\nexport function useStore<T>(store: Pick<Store<T>, 'get' | 'subscribe'>): T {\n  return useSyncExternalStore(store.subscribe, store.get, store.get)\n}\n\nexport function useStoreSelector<T, U>(\n  store: Pick<Store<T>, 'get' | 'subscribe'>,\n  selector: (state: T) => U,\n): U {\n  return useSyncExternalStore(\n    store.subscribe,\n    () => selector(store.get()),\n    () => selector(store.get()),\n  )\n}\n"],"mappings":";;;AAIA,SAAgB,SAAY,OAA+C;CACzE,OAAO,qBAAqB,MAAM,WAAW,MAAM,KAAK,MAAM,GAAG;AACnE;AAEA,SAAgB,iBACd,OACA,UACG;CACH,OAAO,qBACL,MAAM,iBACA,SAAS,MAAM,IAAI,CAAC,SACpB,SAAS,MAAM,IAAI,CAAC,CAC5B;AACF"}

package/dist/hooks/use-virtual-list.d.ts

@@ -0,0 +1,29 @@
+import { VirtualList, VirtualListOptions, VirtualRange } from "@alfakit/core";
+import { CSSProperties } from "react";
+//#region src/hooks/use-virtual-list.d.ts
+export interface VirtualListBinding {
+  list: VirtualList;
+  range: VirtualRange;
+  /** The indexes to render, in order. */
+  indexes: number[];
+  /** Reserve the space of the items outside the window (for a `<ul>`; tables use spacer rows). */
+  style: CSSProperties | undefined;
+  /** Ref callback for the list element (`<ul>`, `<tbody>`). */
+  attach: (element: HTMLElement | null) => void | (() => void);
+  /** Ref callback for an item element; the item's `data-index` attribute names its index. */
+  item: (element: HTMLElement | null) => void | (() => void);
+}
+/**
+ * Window a long list: render `indexes` only, give the list element `ref={attach}` and
+ * `style`, and each item `ref={item}` plus `data-index={index}`. Below the threshold
+ * everything renders as usual. Destructure the result: the React Compiler lint treats an
+ * object whose member is passed to `ref` as a ref, and refuses to read it during render.
+ */
+export declare function useVirtualList(count: number, options: VirtualListOptions): VirtualListBinding;
+/**
+ * When a submit or live validation adds errors inside a virtualised Repeater or Builder,
+ * scroll the first errored item into view (it may be outside the rendered window).
+ */
+export declare function useScrollToErroredItem(list: VirtualList, active: boolean, statePath: string): void;
+//#endregion
+//# sourceMappingURL=use-virtual-list.d.ts.map

package/dist/hooks/use-virtual-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-virtual-list.d.ts","names":[],"sources":["../../src/hooks/use-virtual-list.ts"],"mappings":";;;iBAMiB;EACf,MAAM;EACN,OAAO;;EAEP;;EAEA,OAAO;;EAEP,SAAS,SAAS;;EAElB,OAAO,SAAS;;;;;;;;wBASF,eAAe,eAAe,SAAS,qBAAqB;;;;;wBAyC5D,uBACd,MAAM,aACN,iBACA"}

package/dist/hooks/use-virtual-list.js

@@ -0,0 +1,73 @@
+import { useStore, useStoreSelector } from "./use-store.js";
+import { useOptionalFormStore } from "../components/form/form-context.js";
+import { VirtualList, firstErroredItemIndex, hasNewErrors } from "@alfakit/core";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+//#region src/hooks/use-virtual-list.ts
+/**
+* Window a long list: render `indexes` only, give the list element `ref={attach}` and
+* `style`, and each item `ref={item}` plus `data-index={index}`. Below the threshold
+* everything renders as usual. Destructure the result: the React Compiler lint treats an
+* object whose member is passed to `ref` as a ref, and refuses to read it during render.
+*/
+function useVirtualList(count, options) {
+	const list = useMemo(() => new VirtualList(options), []);
+	useStore(list.store);
+	useEffect(() => {
+		list.configure(options);
+	}, [
+		list,
+		options.threshold,
+		options.estimateSize,
+		options.overscan,
+		options.gap
+	]);
+	const range = list.range(count);
+	const attach = useCallback((element) => element ? list.attach(element) : void 0, [list]);
+	const item = useCallback((element) => {
+		if (!element) return void 0;
+		const index = Number(element.dataset.index);
+		list.register(index, element);
+		return () => list.register(index, null);
+	}, [list]);
+	return {
+		list,
+		range,
+		indexes: list.indexes(count),
+		style: range.active ? {
+			paddingTop: range.before,
+			paddingBottom: range.after
+		} : void 0,
+		attach,
+		item
+	};
+}
+/**
+* When a submit or live validation adds errors inside a virtualised Repeater or Builder,
+* scroll the first errored item into view (it may be outside the rendered window).
+*/
+function useScrollToErroredItem(list, active, statePath) {
+	const store = useOptionalFormStore();
+	const errors = useStoreSelector(store?.store ?? EMPTY_STORE, (state) => state.errors);
+	const previous = useRef(errors);
+	useEffect(() => {
+		if (active && hasNewErrors(previous.current, errors)) {
+			const index = firstErroredItemIndex(statePath, errors);
+			if (index !== null) list.scrollToIndex(index);
+		}
+		previous.current = errors;
+	}, [
+		errors,
+		statePath,
+		list,
+		active
+	]);
+}
+const NO_ERRORS = { errors: {} };
+const EMPTY_STORE = {
+	get: () => NO_ERRORS,
+	subscribe: () => () => {}
+};
+//#endregion
+export { useScrollToErroredItem, useVirtualList };
+
+//# sourceMappingURL=use-virtual-list.js.map

package/dist/hooks/use-virtual-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-virtual-list.js","names":[],"sources":["../../src/hooks/use-virtual-list.ts"],"sourcesContent":["import type { VirtualListOptions, VirtualRange } from '@alfakit/core'\nimport { VirtualList, firstErroredItemIndex, hasNewErrors } from '@alfakit/core'\nimport { useCallback, useEffect, useMemo, useRef, type CSSProperties } from 'react'\nimport { useOptionalFormStore } from '../components/form/form-context'\nimport { useStore, useStoreSelector } from './use-store'\n\nexport interface VirtualListBinding {\n  list: VirtualList\n  range: VirtualRange\n  /** The indexes to render, in order. */\n  indexes: number[]\n  /** Reserve the space of the items outside the window (for a `<ul>`; tables use spacer rows). */\n  style: CSSProperties | undefined\n  /** Ref callback for the list element (`<ul>`, `<tbody>`). */\n  attach: (element: HTMLElement | null) => void | (() => void)\n  /** Ref callback for an item element; the item's `data-index` attribute names its index. */\n  item: (element: HTMLElement | null) => void | (() => void)\n}\n\n/**\n * Window a long list: render `indexes` only, give the list element `ref={attach}` and\n * `style`, and each item `ref={item}` plus `data-index={index}`. Below the threshold\n * everything renders as usual. Destructure the result: the React Compiler lint treats an\n * object whose member is passed to `ref` as a ref, and refuses to read it during render.\n */\nexport function useVirtualList(count: number, options: VirtualListOptions): VirtualListBinding {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const list = useMemo(() => new VirtualList(options), [])\n\n  useStore(list.store)\n\n  useEffect(() => {\n    list.configure(options)\n  }, [list, options.threshold, options.estimateSize, options.overscan, options.gap]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const range = list.range(count)\n  const attach = useCallback(\n    (element: HTMLElement | null) => (element ? list.attach(element) : undefined),\n    [list],\n  )\n  const item = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element) return undefined\n\n      const index = Number(element.dataset.index)\n      list.register(index, element)\n\n      return () => list.register(index, null)\n    },\n    [list],\n  )\n\n  return {\n    list,\n    range,\n    indexes: list.indexes(count),\n    style: range.active ? { paddingTop: range.before, paddingBottom: range.after } : undefined,\n    attach,\n    item,\n  }\n}\n\n/**\n * When a submit or live validation adds errors inside a virtualised Repeater or Builder,\n * scroll the first errored item into view (it may be outside the rendered window).\n */\nexport function useScrollToErroredItem(\n  list: VirtualList,\n  active: boolean,\n  statePath: string,\n): void {\n  const store = useOptionalFormStore()\n  const errors = useStoreSelector(store?.store ?? EMPTY_STORE, (state) => state.errors)\n  const previous = useRef(errors)\n\n  useEffect(() => {\n    if (active && hasNewErrors(previous.current, errors)) {\n      const index = firstErroredItemIndex(statePath, errors)\n\n      if (index !== null) list.scrollToIndex(index)\n    }\n\n    previous.current = errors\n  }, [errors, statePath, list, active])\n}\n\nconst NO_ERRORS = { errors: {} as Record<string, string[]> }\nconst EMPTY_STORE = { get: () => NO_ERRORS, subscribe: () => () => {} }\n"],"mappings":";;;;;;;;;;;AAyBA,SAAgB,eAAe,OAAe,SAAiD;CAE7F,MAAM,OAAO,cAAc,IAAI,YAAY,OAAO,GAAG,CAAC,CAAC;CAEvD,SAAS,KAAK,KAAK;CAEnB,gBAAgB;EACd,KAAK,UAAU,OAAO;CACxB,GAAG;EAAC;EAAM,QAAQ;EAAW,QAAQ;EAAc,QAAQ;EAAU,QAAQ;CAAG,CAAC;CAEjF,MAAM,QAAQ,KAAK,MAAM,KAAK;CAC9B,MAAM,SAAS,aACZ,YAAiC,UAAU,KAAK,OAAO,OAAO,IAAI,KAAA,GACnE,CAAC,IAAI,CACP;CACA,MAAM,OAAO,aACV,YAAgC;EAC/B,IAAI,CAAC,SAAS,OAAO,KAAA;EAErB,MAAM,QAAQ,OAAO,QAAQ,QAAQ,KAAK;EAC1C,KAAK,SAAS,OAAO,OAAO;EAE5B,aAAa,KAAK,SAAS,OAAO,IAAI;CACxC,GACA,CAAC,IAAI,CACP;CAEA,OAAO;EACL;EACA;EACA,SAAS,KAAK,QAAQ,KAAK;EAC3B,OAAO,MAAM,SAAS;GAAE,YAAY,MAAM;GAAQ,eAAe,MAAM;EAAM,IAAI,KAAA;EACjF;EACA;CACF;AACF;;;;;AAMA,SAAgB,uBACd,MACA,QACA,WACM;CACN,MAAM,QAAQ,qBAAqB;CACnC,MAAM,SAAS,iBAAiB,OAAO,SAAS,cAAc,UAAU,MAAM,MAAM;CACpF,MAAM,WAAW,OAAO,MAAM;CAE9B,gBAAgB;EACd,IAAI,UAAU,aAAa,SAAS,SAAS,MAAM,GAAG;GACpD,MAAM,QAAQ,sBAAsB,WAAW,MAAM;GAErD,IAAI,UAAU,MAAM,KAAK,cAAc,KAAK;EAC9C;EAEA,SAAS,UAAU;CACrB,GAAG;EAAC;EAAQ;EAAW;EAAM;CAAM,CAAC;AACtC;AAEA,MAAM,YAAY,EAAE,QAAQ,CAAC,EAA8B;AAC3D,MAAM,cAAc;CAAE,WAAW;CAAW,uBAAuB,CAAC;AAAE"}

package/dist/index.d.ts

@@ -0,0 +1,180 @@
+import { AiCopilot } from "./components/ai/copilot.js";
+import { AiStream } from "./components/ai/stream-lazy.js";
+import "./components/ai/index.js";
+import { AlfakitContextValue, AlfakitProvider, AnyComponent, StandaloneContextValue, StandaloneProvider, useActionRunner, useAlfakit, useAlfakitProps, useChoice, useDirection, useFormatter, useLocalization, useOptionalAlfakit, usePageSchema, usePanel, usePollComponent, useRegistry, useStandalone, useT } from "./context.js";
+import { CMS_BLOCK_COMPONENTS, CallToActionBlock, CmsBlockProps, CmsBlocks, ColumnsBlock, EmbedBlock, FaqBlock, FeaturesBlock, GalleryBlock, HeroBlock, ImageBlock, RichTextBlock, SectionBlock, TestimonialsBlock } from "./components/cms/blocks.js";
+import { CmsContextValue, CmsProvider, useCms } from "./components/cms/context.js";
+import { CmsHead } from "./components/cms/head.js";
+import { CmsLivePreview } from "./components/cms/live-preview-lazy.js";
+import { CmsLanguageSwitcher, CmsMenuList, CmsNav } from "./components/cms/menu.js";
+import { CmsFooter, CmsHeader, CmsPage } from "./components/cms/page.js";
+import { CmsBlockHeading, CmsImage, CmsLinkButton } from "./components/cms/parts.js";
+import "./components/cms/index.js";
+import { Kanban } from "./components/kanban/kanban-lazy.js";
+import "./components/kanban/index.js";
+import { ConflictBanner } from "./components/realtime/conflict-banner.js";
+import { LiveRecordsPill, useLiveUpdates } from "./components/realtime/live-records-pill.js";
+import { RecordPresence } from "./components/realtime/record-presence.js";
+import "./components/realtime/index.js";
+import { TranslationManager } from "./components/translation-manager/translation-manager-lazy.js";
+import "./components/translation-manager/index.js";
+import { Tree } from "./components/tree/tree-lazy.js";
+import "./components/tree/index.js";
+import { AppPage, PageBlock, PageBlockProps, PageForm, PageInfolist, PageTable, PageWidgets, useAppPage, usePageBlock } from "./app/components.js";
+import { PageMethodBinding, PageMethodMap, PageMethodsBinding, UsePageMethodOptions, useLiveProps, usePageForm, usePageMethod, usePageMethods, useReloadProps, useShortcut } from "./app/hooks.js";
+import { ActionButton } from "./components/actions/action-button.js";
+import { PageActionProvider, usePageActionContext } from "./components/actions/action-context.js";
+import { ActionGroupMenu, ActionList } from "./components/actions/action-list.js";
+import { ActionModals } from "./components/actions/action-modals.js";
+import "./components/actions/index.js";
+import { AlfakitAnalytics } from "./components/analytics/alfakit-analytics.js";
+import { AnalyticsBreakdown } from "./components/analytics/breakdown.js";
+import "./components/analytics/index.js";
+import { CodeEntryComponent } from "./components/entries/code-entry.js";
+import { EntryPlaceholder, EntryWrapper } from "./components/entries/entry-wrapper.js";
+import { ColorEntryComponent, IconEntryComponent, ImageEntryComponent, KeyValueEntryComponent, RepeatableEntryComponent } from "./components/entries/other-entries.js";
+import { FormattedText, TextEntryComponent } from "./components/entries/text-entry.js";
+import { ViewEntryComponent } from "./components/entries/view-entry.js";
+import "./components/entries/index.js";
+import { BuilderField } from "./components/fields/builder.js";
+import { CheckboxField } from "./components/fields/checkbox.js";
+import { CheckboxListField } from "./components/fields/checkbox-list.js";
+import { CodeEditorField } from "./components/fields/code-editor-lazy.js";
+import { ColorPickerField } from "./components/fields/color-picker.js";
+import { DatePickerField } from "./components/fields/date-picker.js";
+import { FileUploadField } from "./components/fields/file-upload.js";
+import { HiddenField } from "./components/fields/hidden.js";
+import { IconPickerField } from "./components/fields/icon-picker-lazy.js";
+import { KeyValueField } from "./components/fields/key-value.js";
+import { ModalTableSelectField, QueryBuilderRulesField } from "./components/fields/lazy-fields.js";
+import { MoneyInputField } from "./components/fields/money-input.js";
+import { OneTimeCodeInputField } from "./components/fields/one-time-code-input.js";
+import { RadioField } from "./components/fields/radio.js";
+import { RepeaterField } from "./components/fields/repeater.js";
+import { RichEditorField } from "./components/fields/rich-editor-lazy.js";
+import { SelectField } from "./components/fields/select.js";
+import { SliderField } from "./components/fields/slider.js";
+import { TagsInputField } from "./components/fields/tags-input.js";
+import { TextInputField } from "./components/fields/text-input.js";
+import { TextareaField } from "./components/fields/textarea.js";
+import { ToggleField } from "./components/fields/toggle.js";
+import { ToggleButtonsField } from "./components/fields/toggle-buttons.js";
+import "./components/fields/index.js";
+import { FileManager } from "./components/file-manager/file-manager-lazy.js";
+import { FileManagerPickerField } from "./components/file-manager/picker-field.js";
+import "./components/file-manager/index.js";
+import { FormBlock } from "./components/form/form-block.js";
+import { FieldBinding, FormProvider, useField, useFormState, useFormStore, useOptionalFormStore } from "./components/form/form-context.js";
+import { HelpdeskChat, HelpdeskChatProps } from "./components/helpdesk/chat-widget.js";
+import { HelpdeskInbox } from "./components/helpdesk/inbox-lazy.js";
+import "./components/helpdesk/index.js";
+import { useSchemaComponentContext } from "./components/layout/component-context.js";
+import { CalloutComponent, EmptyStateComponent, FlexComponent, IconComponent, ImageComponent, UnorderedListComponent } from "./components/layout/elements.js";
+import { FieldsetComponent } from "./components/layout/fieldset.js";
+import { FusedGroupComponent } from "./components/layout/fused-group.js";
+import { GridComponent } from "./components/layout/grid.js";
+import { MixedContent } from "./components/layout/mixed-content.js";
+import { HtmlComponent, PlaceholderComponent, TextComponent, ViewComponent } from "./components/layout/prime.js";
+import { SchemaChildren } from "./components/layout/schema-children.js";
+import { SectionComponent } from "./components/layout/section.js";
+import { TabsComponent } from "./components/layout/tabs.js";
+import { WizardComponent } from "./components/layout/wizard.js";
+import "./components/layout/index.js";
+import { FlashToasts, NotificationActionButton, showToast } from "./components/notifications/flash-toasts.js";
+import { NotificationsMenu } from "./components/notifications/notifications-menu.js";
+import { RealtimeNotifications } from "./components/notifications/realtime-notifications.js";
+import { UndoButton } from "./components/notifications/undo-button.js";
+import "./components/notifications/index.js";
+import { AppSidebar, Brand } from "./components/panel/app-sidebar.js";
+import { BottomNav } from "./components/panel/bottom-nav.js";
+import { DebugPanelSlot } from "./components/panel/debug-panel-slot.js";
+import { DebugPanel, DebugTreeNode } from "./components/panel/debug-panel.js";
+import { GlobalSearch } from "./components/panel/global-search.js";
+import { ImpersonationBanner } from "./components/panel/impersonation-banner.js";
+import { KeyboardShortcuts } from "./components/panel/keyboard-shortcuts.js";
+import { LazyPlaceholder } from "./components/panel/lazy-placeholder.js";
+import { LocaleSubMenu, LocaleSwitcher, TopbarLocaleSwitcher } from "./components/panel/locale-switcher.js";
+import { PwaManager, PwaMenuItems, installPwa } from "./components/panel/pwa.js";
+import { ShortcutKeys } from "./components/panel/shortcut-keys.js";
+import { ShortcutsOverlay } from "./components/panel/shortcuts-overlay.js";
+import { Slot } from "./components/panel/slot.js";
+import { TenantMenu } from "./components/panel/tenant-menu.js";
+import { ThemeToggle } from "./components/panel/theme-toggle.js";
+import { Breadcrumbs, Topbar } from "./components/panel/topbar.js";
+import { SignInLink, UserAvatar, UserMenu } from "./components/panel/user-menu.js";
+import "./components/panel/index.js";
+import { FieldWrapper } from "./components/schema/field-wrapper.js";
+import { RenderComponent, SchemaRenderer } from "./components/schema/schema-renderer.js";
+import { TableCellContent } from "./components/table/cells.js";
+import { ColumnManager } from "./components/table/column-manager.js";
+import { ContentLayout, ContentLayoutSort } from "./components/table/content-layout.js";
+import { FilterIndicators, TableFilters } from "./components/table/filters.js";
+import { TablePagination } from "./components/table/pagination.js";
+import { RecordCell } from "./components/table/record-cell.js";
+import { Spreadsheet } from "./components/table/spreadsheet-lazy.js";
+import { DataTable } from "./components/table/table-block.js";
+import { TableViews } from "./components/table/table-views.js";
+import "./components/table/index.js";
+import { RecordVersionsComponent } from "./components/versions/record-versions.js";
+import { CalendarWidget } from "./components/widgets/calendar-lazy.js";
+import { ChartWidget } from "./components/widgets/chart-lazy.js";
+import { CustomizableWidgetGrid } from "./components/widgets/dashboard-customizer.js";
+import { StatsOverviewWidget } from "./components/widgets/stats-overview.js";
+import { WidgetGrid, WidgetRenderer } from "./components/widgets/widgets-block.js";
+import "./components/widgets/index.js";
+import { CreateAlfakitOptions, createAlfakit } from "./create-alfakit.js";
+import { useHydrated } from "./hooks/use-hydrated.js";
+import { useIsMobile } from "./hooks/use-mobile.js";
+import { useStore, useStoreSelector } from "./hooks/use-store.js";
+import { VirtualListBinding, useScrollToErroredItem, useVirtualList } from "./hooks/use-virtual-list.js";
+import { AppLayout } from "./layouts/app-layout.js";
+import { AuthLayout } from "./layouts/auth-layout.js";
+import { BlankLayout } from "./layouts/blank-layout.js";
+import { FullscreenLayout, FullscreenLayoutProps } from "./layouts/fullscreen-layout.js";
+import { TopNavLayout } from "./layouts/top-nav-layout.js";
+import { extraProps, parseStyle } from "./lib/attributes.js";
+import { badgeColorClasses, colorClass, cssColor, ghostButtonColorClasses, iconBackgroundColorClasses, iconSizeClasses, outlineButtonColorClasses, solidButtonColorClasses, switchOffColorClasses, switchOnColorClasses, textColorClasses } from "./lib/colors.js";
+import { DiscoveredComponents, discoverComponents, discoveredComponent } from "./lib/discovery.js";
+import { Icon } from "./lib/icons.js";
+import { cn } from "./lib/utils.js";
+import { AlfakitPage, ContentBlockRenderer, PageContent, PageHeader, PageShell } from "./pages/page.js";
+import { createDefaultRegistry } from "./registry.js";
+import { AlfakitComponent, AlfakitComponentProps } from "./standalone/alfakit-component.js";
+import { AlfakitToaster, AlfakitToasterProps } from "./standalone/alfakit-toaster.js";
+import { configureAlfakit } from "./standalone/configure.js";
+import "./standalone/index.js";
+import { AlfakitNavigation, useAlfakitNavigation } from "./starter-kit/navigation.js";
+import { AlfakitStarterKitRoot, StarterKitContentLayout, StarterKitLayout, StarterKitPageOptions, createStarterKitPage } from "./starter-kit/starter-kit.js";
+import { AlfakitHeaderWidgetProps, AlfakitNotifications, AlfakitSearch, AlfakitTenantSwitcher } from "./starter-kit/widgets.js";
+import "./starter-kit/index.js";
+import { Alert, AlertDescription, AlertTitle } from "./components/ui/alert.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.js";
+import { Badge, badgeVariants } from "./components/ui/badge.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/ui/breadcrumb.js";
+import { Button, buttonVariants } from "./components/ui/button.js";
+import { Calendar } from "./components/ui/calendar.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.js";
+import { Checkbox } from "./components/ui/checkbox.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/ui/collapsible.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
+import { Input } from "./components/ui/input.js";
+import { Label } from "./components/ui/label.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
+import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
+import { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
+import { Separator } from "./components/ui/separator.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./components/ui/sidebar.js";
+import { Skeleton } from "./components/ui/skeleton.js";
+import { Toaster } from "./components/ui/sonner.js";
+import { Spinner } from "./components/ui/spinner.js";
+import { Switch } from "./components/ui/switch.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/ui/table.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
+import { Textarea } from "./components/ui/textarea.js";
+export * from "@alfakit/core";
+export { ActionButton, ActionGroupMenu, ActionList, ActionModals, AiCopilot, AiStream, Alert, AlertDescription, AlertTitle, AlfakitAnalytics, AlfakitComponent, type AlfakitComponentProps, type AlfakitContextValue, type AlfakitHeaderWidgetProps, type AlfakitNavigation, AlfakitNotifications, AlfakitPage, AlfakitProvider, AlfakitSearch, AlfakitStarterKitRoot, AlfakitTenantSwitcher, AlfakitToaster, type AlfakitToasterProps, AnalyticsBreakdown, type AnyComponent, AppLayout, AppPage, AppSidebar, AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BlankLayout, BottomNav, Brand, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BuilderField, Button, CMS_BLOCK_COMPONENTS, Calendar, CalendarWidget, CallToActionBlock, CalloutComponent, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartWidget, Checkbox, CheckboxField, CheckboxListField, CmsBlockHeading, type CmsBlockProps, CmsBlocks, type CmsContextValue, CmsFooter, CmsHead, CmsHeader, CmsImage, CmsLanguageSwitcher, CmsLinkButton, CmsLivePreview, CmsMenuList, CmsNav, CmsPage, CmsProvider, CodeEditorField, CodeEntryComponent, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorEntryComponent, ColorPickerField, ColumnManager, ColumnsBlock, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConflictBanner, ContentBlockRenderer, ContentLayout, ContentLayoutSort, type CreateAlfakitOptions, CustomizableWidgetGrid, DataTable, DatePickerField, DebugPanel, DebugPanelSlot, DebugTreeNode, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DiscoveredComponents, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbedBlock, EmptyStateComponent, EntryPlaceholder, EntryWrapper, FaqBlock, FeaturesBlock, type FieldBinding, FieldWrapper, FieldsetComponent, FileManager, FileManagerPickerField, FileUploadField, FilterIndicators, FlashToasts, FlexComponent, FormBlock, FormProvider, FormattedText, FullscreenLayout, type FullscreenLayoutProps, FusedGroupComponent, GalleryBlock, GlobalSearch, GridComponent, HelpdeskChat, type HelpdeskChatProps, HelpdeskInbox, HeroBlock, HiddenField, HtmlComponent, Icon, IconComponent, IconEntryComponent, IconPickerField, ImageBlock, ImageComponent, ImageEntryComponent, ImpersonationBanner, Input, Kanban, KeyValueEntryComponent, KeyValueField, KeyboardShortcuts, Label, LazyPlaceholder, LiveRecordsPill, LocaleSubMenu, LocaleSwitcher, MixedContent, ModalTableSelectField, MoneyInputField, NotificationActionButton, NotificationsMenu, OneTimeCodeInputField, PageActionProvider, PageBlock, type PageBlockProps, PageContent, PageForm, PageHeader, PageInfolist, type PageMethodBinding, type PageMethodMap, type PageMethodsBinding, PageShell, PageTable, PageWidgets, PlaceholderComponent, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PwaManager, PwaMenuItems, QueryBuilderRulesField, RadioField, RadioGroup, RadioGroupItem, RealtimeNotifications, RecordCell, RecordPresence, RecordVersionsComponent, RenderComponent, RepeatableEntryComponent, RepeaterField, RichEditorField, RichTextBlock, SchemaChildren, SchemaRenderer, ScrollArea, ScrollBar, SectionBlock, SectionComponent, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShortcutKeys, ShortcutsOverlay, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignInLink, Skeleton, SliderField, Slot, Spinner, Spreadsheet, type StandaloneContextValue, StandaloneProvider, StarterKitContentLayout, type StarterKitLayout, type StarterKitPageOptions, StatsOverviewWidget, Switch, Table, TableBody, TableCaption, TableCell, TableCellContent, TableFilters, TableFooter, TableHead, TableHeader, TablePagination, TableRow, TableViews, Tabs, TabsComponent, TabsContent, TabsList, TabsTrigger, TagsInputField, TenantMenu, TestimonialsBlock, TextComponent, TextEntryComponent, TextInputField, Textarea, TextareaField, ThemeToggle, Toaster, ToggleButtonsField, ToggleField, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopNavLayout, Topbar, TopbarLocaleSwitcher, TranslationManager, Tree, UndoButton, UnorderedListComponent, type UsePageMethodOptions, UserAvatar, UserMenu, ViewComponent, ViewEntryComponent, type VirtualListBinding, WidgetGrid, WidgetRenderer, WizardComponent, badgeColorClasses, badgeVariants, buttonVariants, cn, colorClass, configureAlfakit, createAlfakit, createDefaultRegistry, createStarterKitPage, cssColor, discoverComponents, discoveredComponent, extraProps, ghostButtonColorClasses, iconBackgroundColorClasses, iconSizeClasses, installPwa, outlineButtonColorClasses, parseStyle, showToast, solidButtonColorClasses, switchOffColorClasses, switchOnColorClasses, textColorClasses, useActionRunner, useAlfakit, useAlfakitNavigation, useAlfakitProps, useAppPage, useChoice, useCms, useDirection, useField, useFormState, useFormStore, useFormatter, useHydrated, useIsMobile, useLiveProps, useLiveUpdates, useLocalization, useOptionalAlfakit, useOptionalFormStore, usePageActionContext, usePageBlock, usePageForm, usePageMethod, usePageMethods, usePageSchema, usePanel, usePollComponent, useRegistry, useReloadProps, useSchemaComponentContext, useScrollToErroredItem, useShortcut, useSidebar, useStandalone, useStore, useStoreSelector, useT, useVirtualList };

package/dist/index.js

@@ -0,0 +1,161 @@
+import { AlfakitProvider, StandaloneProvider, useActionRunner, useAlfakit, useAlfakitProps, useChoice, useDirection, useFormatter, useLocalization, useOptionalAlfakit, usePageSchema, usePanel, usePollComponent, useRegistry, useStandalone, useT } from "./context.js";
+import { PageActionProvider, usePageActionContext } from "./components/actions/action-context.js";
+import { cn } from "./lib/utils.js";
+import { badgeColorClasses, colorClass, cssColor, ghostButtonColorClasses, iconBackgroundColorClasses, iconSizeClasses, outlineButtonColorClasses, solidButtonColorClasses, switchOffColorClasses, switchOnColorClasses, textColorClasses } from "./lib/colors.js";
+import { Icon } from "./lib/icons.js";
+import { Badge, badgeVariants } from "./components/ui/badge.js";
+import { Button, buttonVariants } from "./components/ui/button.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
+import { useStore, useStoreSelector } from "./hooks/use-store.js";
+import { extraProps, parseStyle } from "./lib/attributes.js";
+import { Spinner } from "./components/ui/spinner.js";
+import { ActionButton } from "./components/actions/action-button.js";
+import { ActionGroupMenu, ActionList } from "./components/actions/action-list.js";
+import { AiCopilot } from "./components/ai/copilot.js";
+import { AiStream } from "./components/ai/stream-lazy.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
+import { AnalyticsBreakdown } from "./components/analytics/breakdown.js";
+import { CmsLivePreview } from "./components/cms/live-preview-lazy.js";
+import { FormProvider, useField, useFormState, useFormStore, useOptionalFormStore } from "./components/form/form-context.js";
+import { useScrollToErroredItem, useVirtualList } from "./hooks/use-virtual-list.js";
+import { Skeleton } from "./components/ui/skeleton.js";
+import { Label } from "./components/ui/label.js";
+import { RenderComponent, SchemaRenderer } from "./components/schema/schema-renderer.js";
+import { FieldWrapper } from "./components/schema/field-wrapper.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/ui/collapsible.js";
+import { Input } from "./components/ui/input.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
+import { BuilderField } from "./components/fields/builder.js";
+import { Checkbox } from "./components/ui/checkbox.js";
+import { CheckboxField } from "./components/fields/checkbox.js";
+import { CheckboxListField } from "./components/fields/checkbox-list.js";
+import { CodeEditorField } from "./components/fields/code-editor-lazy.js";
+import { ColorPickerField } from "./components/fields/color-picker.js";
+import { DatePickerField } from "./components/fields/date-picker.js";
+import { FileUploadField } from "./components/fields/file-upload.js";
+import { HiddenField } from "./components/fields/hidden.js";
+import { IconPickerField } from "./components/fields/icon-picker-lazy.js";
+import { KeyValueField } from "./components/fields/key-value.js";
+import { ModalTableSelectField, QueryBuilderRulesField } from "./components/fields/lazy-fields.js";
+import { MoneyInputField } from "./components/fields/money-input.js";
+import { OneTimeCodeInputField } from "./components/fields/one-time-code-input.js";
+import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
+import { RadioField } from "./components/fields/radio.js";
+import { RepeaterField } from "./components/fields/repeater.js";
+import { RichEditorField } from "./components/fields/rich-editor-lazy.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
+import { SelectField } from "./components/fields/select.js";
+import { SliderField } from "./components/fields/slider.js";
+import { TagsInputField } from "./components/fields/tags-input.js";
+import { TextInputField } from "./components/fields/text-input.js";
+import { Textarea } from "./components/ui/textarea.js";
+import { TextareaField } from "./components/fields/textarea.js";
+import { Switch } from "./components/ui/switch.js";
+import { ToggleField } from "./components/fields/toggle.js";
+import { ToggleButtonsField } from "./components/fields/toggle-buttons.js";
+import { FileManager } from "./components/file-manager/file-manager-lazy.js";
+import { FileManagerPickerField } from "./components/file-manager/picker-field.js";
+import { useHydrated } from "./hooks/use-hydrated.js";
+import { HelpdeskChat } from "./components/helpdesk/chat-widget.js";
+import { HelpdeskInbox } from "./components/helpdesk/inbox-lazy.js";
+import { Kanban } from "./components/kanban/kanban-lazy.js";
+import { GridComponent } from "./components/layout/grid.js";
+import { MixedContent } from "./components/layout/mixed-content.js";
+import { SectionComponent } from "./components/layout/section.js";
+import { TranslationManager } from "./components/translation-manager/translation-manager-lazy.js";
+import { Tree } from "./components/tree/tree-lazy.js";
+import { CalendarWidget } from "./components/widgets/calendar-lazy.js";
+import { discoverComponents, discoveredComponent } from "./lib/discovery.js";
+import { createDefaultRegistry } from "./registry.js";
+import { configureAlfakit } from "./standalone/configure.js";
+import { UndoButton } from "./components/notifications/undo-button.js";
+import { FlashToasts, NotificationActionButton, showToast } from "./components/notifications/flash-toasts.js";
+import { FormBlock } from "./components/form/form-block.js";
+import { KeyboardShortcuts } from "./components/panel/keyboard-shortcuts.js";
+import { LazyPlaceholder } from "./components/panel/lazy-placeholder.js";
+import { Slot } from "./components/panel/slot.js";
+import { ConflictBanner } from "./components/realtime/conflict-banner.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.js";
+import { RecordPresence } from "./components/realtime/record-presence.js";
+import { useIsMobile } from "./hooks/use-mobile.js";
+import { LiveRecordsPill, useLiveUpdates } from "./components/realtime/live-records-pill.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/ui/table.js";
+import { EntryPlaceholder, EntryWrapper } from "./components/entries/entry-wrapper.js";
+import { FormattedText, TextEntryComponent } from "./components/entries/text-entry.js";
+import { TableCellContent } from "./components/table/cells.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
+import { ColumnManager } from "./components/table/column-manager.js";
+import { RecordCell } from "./components/table/record-cell.js";
+import { ContentLayout, ContentLayoutSort } from "./components/table/content-layout.js";
+import { FilterIndicators, TableFilters } from "./components/table/filters.js";
+import { TablePagination } from "./components/table/pagination.js";
+import { Spreadsheet } from "./components/table/spreadsheet-lazy.js";
+import { TableViews } from "./components/table/table-views.js";
+import { DataTable } from "./components/table/table-block.js";
+import { ChartWidget } from "./components/widgets/chart-lazy.js";
+import { StatsOverviewWidget } from "./components/widgets/stats-overview.js";
+import { WidgetGrid, WidgetRenderer } from "./components/widgets/widgets-block.js";
+import { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
+import { NotificationsMenu } from "./components/notifications/notifications-menu.js";
+import { Separator } from "./components/ui/separator.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./components/ui/sidebar.js";
+import { GlobalSearch } from "./components/panel/global-search.js";
+import { TenantMenu } from "./components/panel/tenant-menu.js";
+import { LocaleSubMenu, LocaleSwitcher, TopbarLocaleSwitcher } from "./components/panel/locale-switcher.js";
+import { PwaManager, PwaMenuItems, installPwa } from "./components/panel/pwa.js";
+import { SignInLink, UserAvatar, UserMenu } from "./components/panel/user-menu.js";
+import { AppSidebar, Brand } from "./components/panel/app-sidebar.js";
+import { BottomNav } from "./components/panel/bottom-nav.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/ui/breadcrumb.js";
+import { DebugPanelSlot } from "./components/panel/debug-panel-slot.js";
+import { ThemeToggle } from "./components/panel/theme-toggle.js";
+import { Breadcrumbs, Topbar } from "./components/panel/topbar.js";
+import { TopNavLayout } from "./layouts/top-nav-layout.js";
+import { AppLayout } from "./layouts/app-layout.js";
+import { AuthLayout } from "./layouts/auth-layout.js";
+import { BlankLayout } from "./layouts/blank-layout.js";
+import { FullscreenLayout } from "./layouts/fullscreen-layout.js";
+import { AlfakitPage, ContentBlockRenderer, PageContent, PageHeader, PageShell } from "./pages/page.js";
+import { AppPage, PageBlock, PageForm, PageInfolist, PageTable, PageWidgets, useAppPage, usePageBlock } from "./app/components.js";
+import { useLiveProps, usePageForm, usePageMethod, usePageMethods, useReloadProps, useShortcut } from "./app/hooks.js";
+import { ActionModals } from "./components/actions/action-modals.js";
+import { AlfakitAnalytics } from "./components/analytics/alfakit-analytics.js";
+import { CmsProvider, useCms } from "./components/cms/context.js";
+import { CmsBlockHeading, CmsImage, CmsLinkButton } from "./components/cms/parts.js";
+import { CMS_BLOCK_COMPONENTS, CallToActionBlock, CmsBlocks, ColumnsBlock, EmbedBlock, FaqBlock, FeaturesBlock, GalleryBlock, HeroBlock, ImageBlock, RichTextBlock, SectionBlock, TestimonialsBlock } from "./components/cms/blocks.js";
+import { CmsHead } from "./components/cms/head.js";
+import { CmsLanguageSwitcher, CmsMenuList, CmsNav } from "./components/cms/menu.js";
+import { CmsFooter, CmsHeader, CmsPage } from "./components/cms/page.js";
+import { CodeEntryComponent } from "./components/entries/code-entry.js";
+import { ColorEntryComponent, IconEntryComponent, ImageEntryComponent, KeyValueEntryComponent, RepeatableEntryComponent } from "./components/entries/other-entries.js";
+import { ViewEntryComponent } from "./components/entries/view-entry.js";
+import { useSchemaComponentContext } from "./components/layout/component-context.js";
+import { CalloutComponent, EmptyStateComponent, FlexComponent, IconComponent, ImageComponent, UnorderedListComponent } from "./components/layout/elements.js";
+import { FieldsetComponent } from "./components/layout/fieldset.js";
+import { FusedGroupComponent } from "./components/layout/fused-group.js";
+import { HtmlComponent, PlaceholderComponent, TextComponent, ViewComponent } from "./components/layout/prime.js";
+import { SchemaChildren } from "./components/layout/schema-children.js";
+import { TabsComponent } from "./components/layout/tabs.js";
+import { WizardComponent } from "./components/layout/wizard.js";
+import { RealtimeNotifications } from "./components/notifications/realtime-notifications.js";
+import { DebugPanel, DebugTreeNode } from "./components/panel/debug-panel.js";
+import { ImpersonationBanner } from "./components/panel/impersonation-banner.js";
+import { ShortcutKeys } from "./components/panel/shortcut-keys.js";
+import { ShortcutsOverlay } from "./components/panel/shortcuts-overlay.js";
+import { RecordVersionsComponent } from "./components/versions/record-versions.js";
+import { CustomizableWidgetGrid } from "./components/widgets/dashboard-customizer.js";
+import { Toaster } from "./components/ui/sonner.js";
+import { createAlfakit } from "./create-alfakit.js";
+import { AlfakitToaster } from "./standalone/alfakit-toaster.js";
+import { AlfakitComponent } from "./standalone/alfakit-component.js";
+import { useAlfakitNavigation } from "./starter-kit/navigation.js";
+import { AlfakitStarterKitRoot, StarterKitContentLayout, createStarterKitPage } from "./starter-kit/starter-kit.js";
+import { AlfakitNotifications, AlfakitSearch, AlfakitTenantSwitcher } from "./starter-kit/widgets.js";
+import { Alert, AlertDescription, AlertTitle } from "./components/ui/alert.js";
+import { Calendar } from "./components/ui/calendar.js";
+export * from "@alfakit/core";
+export { ActionButton, ActionGroupMenu, ActionList, ActionModals, AiCopilot, AiStream, Alert, AlertDescription, AlertTitle, AlfakitAnalytics, AlfakitComponent, AlfakitNotifications, AlfakitPage, AlfakitProvider, AlfakitSearch, AlfakitStarterKitRoot, AlfakitTenantSwitcher, AlfakitToaster, AnalyticsBreakdown, AppLayout, AppPage, AppSidebar, AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BlankLayout, BottomNav, Brand, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, BuilderField, Button, CMS_BLOCK_COMPONENTS, Calendar, CalendarWidget, CallToActionBlock, CalloutComponent, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartWidget, Checkbox, CheckboxField, CheckboxListField, CmsBlockHeading, CmsBlocks, CmsFooter, CmsHead, CmsHeader, CmsImage, CmsLanguageSwitcher, CmsLinkButton, CmsLivePreview, CmsMenuList, CmsNav, CmsPage, CmsProvider, CodeEditorField, CodeEntryComponent, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorEntryComponent, ColorPickerField, ColumnManager, ColumnsBlock, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConflictBanner, ContentBlockRenderer, ContentLayout, ContentLayoutSort, CustomizableWidgetGrid, DataTable, DatePickerField, DebugPanel, DebugPanelSlot, DebugTreeNode, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbedBlock, EmptyStateComponent, EntryPlaceholder, EntryWrapper, FaqBlock, FeaturesBlock, FieldWrapper, FieldsetComponent, FileManager, FileManagerPickerField, FileUploadField, FilterIndicators, FlashToasts, FlexComponent, FormBlock, FormProvider, FormattedText, FullscreenLayout, FusedGroupComponent, GalleryBlock, GlobalSearch, GridComponent, HelpdeskChat, HelpdeskInbox, HeroBlock, HiddenField, HtmlComponent, Icon, IconComponent, IconEntryComponent, IconPickerField, ImageBlock, ImageComponent, ImageEntryComponent, ImpersonationBanner, Input, Kanban, KeyValueEntryComponent, KeyValueField, KeyboardShortcuts, Label, LazyPlaceholder, LiveRecordsPill, LocaleSubMenu, LocaleSwitcher, MixedContent, ModalTableSelectField, MoneyInputField, NotificationActionButton, NotificationsMenu, OneTimeCodeInputField, PageActionProvider, PageBlock, PageContent, PageForm, PageHeader, PageInfolist, PageShell, PageTable, PageWidgets, PlaceholderComponent, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PwaManager, PwaMenuItems, QueryBuilderRulesField, RadioField, RadioGroup, RadioGroupItem, RealtimeNotifications, RecordCell, RecordPresence, RecordVersionsComponent, RenderComponent, RepeatableEntryComponent, RepeaterField, RichEditorField, RichTextBlock, SchemaChildren, SchemaRenderer, ScrollArea, ScrollBar, SectionBlock, SectionComponent, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShortcutKeys, ShortcutsOverlay, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignInLink, Skeleton, SliderField, Slot, Spinner, Spreadsheet, StandaloneProvider, StarterKitContentLayout, StatsOverviewWidget, Switch, Table, TableBody, TableCaption, TableCell, TableCellContent, TableFilters, TableFooter, TableHead, TableHeader, TablePagination, TableRow, TableViews, Tabs, TabsComponent, TabsContent, TabsList, TabsTrigger, TagsInputField, TenantMenu, TestimonialsBlock, TextComponent, TextEntryComponent, TextInputField, Textarea, TextareaField, ThemeToggle, Toaster, ToggleButtonsField, ToggleField, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopNavLayout, Topbar, TopbarLocaleSwitcher, TranslationManager, Tree, UndoButton, UnorderedListComponent, UserAvatar, UserMenu, ViewComponent, ViewEntryComponent, WidgetGrid, WidgetRenderer, WizardComponent, badgeColorClasses, badgeVariants, buttonVariants, cn, colorClass, configureAlfakit, createAlfakit, createDefaultRegistry, createStarterKitPage, cssColor, discoverComponents, discoveredComponent, extraProps, ghostButtonColorClasses, iconBackgroundColorClasses, iconSizeClasses, installPwa, outlineButtonColorClasses, parseStyle, showToast, solidButtonColorClasses, switchOffColorClasses, switchOnColorClasses, textColorClasses, useActionRunner, useAlfakit, useAlfakitNavigation, useAlfakitProps, useAppPage, useChoice, useCms, useDirection, useField, useFormState, useFormStore, useFormatter, useHydrated, useIsMobile, useLiveProps, useLiveUpdates, useLocalization, useOptionalAlfakit, useOptionalFormStore, usePageActionContext, usePageBlock, usePageForm, usePageMethod, usePageMethods, usePageSchema, usePanel, usePollComponent, useRegistry, useReloadProps, useSchemaComponentContext, useScrollToErroredItem, useShortcut, useSidebar, useStandalone, useStore, useStoreSelector, useT, useVirtualList };