@k2b/ui 0.29.0 → 0.31.0

package/dist/ssr/layout/app-workspace-width.js

@@ -0,0 +1,26 @@
+/** A width that follows the workspace's own border-box width: clamp(min, share × workspace width + offset, max), in px. */
+
+export const isAppWorkspaceWidthShare = value => {
+  if (!value || typeof value !== "object" || !("share" in value) || !("min" in value) || !("max" in value)) return false;
+  return typeof value.share === "number" && value.share > 0 && value.share < 1 && Number.isFinite(value.min) && Number.isFinite(value.max) && typeof value.min === "number" && typeof value.max === "number" && value.min <= value.max && (!("offset" in value) || value.offset === undefined || typeof value.offset === "number" && Number.isFinite(value.offset));
+};
+export const appWorkspaceWidthToken = value => typeof value === "number" ? String(value) : `share:${value.share},${value.offset ?? 0},${value.min},${value.max}`;
+export const readAppWorkspaceWidth = token => {
+  if (!token) return undefined;
+  if (!token.startsWith("share:")) {
+    const value = Number(token);
+    return Number.isFinite(value) ? value : undefined;
+  }
+  const [share, offset, min, max] = token.slice(6).split(",").map(Number);
+  const value = {
+    share,
+    offset,
+    min,
+    max
+  };
+  return isAppWorkspaceWidthShare(value) ? value : undefined;
+};
+export const resolveAppWorkspaceWidth = (value, workspaceWidth) => typeof value === "number" ? value : Math.min(value.max, Math.max(value.min, value.share * workspaceWidth + (value.offset ?? 0)));
+export const appWorkspaceWidthCss = (value, width) => typeof value === "number" ? `${value}px` : `clamp(${value.min}px, ${value.share} * ${width} + ${value.offset ?? 0}px, ${value.max}px)`;
+export const appWorkspaceInverseWidthCss = (value, width) => `clamp(${value.min}px, (${value.share} * (${width} + var(--k2b-workspace-sidebar-space) + 2px - 20rem) + ${value.offset ?? 0}px) / ${1 - value.share}, ${value.max}px)`;
+//# sourceMappingURL=app-workspace-width.js.map

package/dist/ssr/layout/app-workspace-width.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["layout/app-workspace-width.ts"],"sourcesContent":["/** A width that follows the workspace's own border-box width: clamp(min, share × workspace width + offset, max), in px. */\nexport type AppWorkspaceWidthShare = { share: number; offset?: number; min: number; max: number };\n\nexport const isAppWorkspaceWidthShare = (value: unknown): value is AppWorkspaceWidthShare => {\n  if (!value || typeof value !== \"object\" || !(\"share\" in value) || !(\"min\" in value) || !(\"max\" in value)) return false;\n  return (\n    typeof value.share === \"number\" &&\n    value.share > 0 &&\n    value.share < 1 &&\n    Number.isFinite(value.min) &&\n    Number.isFinite(value.max) &&\n    typeof value.min === \"number\" &&\n    typeof value.max === \"number\" &&\n    value.min <= value.max &&\n    (!(\"offset\" in value) || value.offset === undefined || (typeof value.offset === \"number\" && Number.isFinite(value.offset)))\n  );\n};\n\nexport const appWorkspaceWidthToken = (value: number | AppWorkspaceWidthShare): string =>\n  typeof value === \"number\" ? String(value) : `share:${value.share},${value.offset ?? 0},${value.min},${value.max}`;\n\nexport const readAppWorkspaceWidth = (token: string | undefined): number | AppWorkspaceWidthShare | undefined => {\n  if (!token) return undefined;\n  if (!token.startsWith(\"share:\")) {\n    const value = Number(token);\n    return Number.isFinite(value) ? value : undefined;\n  }\n  const [share, offset, min, max] = token.slice(6).split(\",\").map(Number);\n  const value = { share, offset, min, max };\n  return isAppWorkspaceWidthShare(value) ? value : undefined;\n};\n\nexport const resolveAppWorkspaceWidth = (value: number | AppWorkspaceWidthShare, workspaceWidth: number): number =>\n  typeof value === \"number\" ? value : Math.min(value.max, Math.max(value.min, value.share * workspaceWidth + (value.offset ?? 0)));\n\nexport const appWorkspaceWidthCss = (value: number | AppWorkspaceWidthShare, width: string): string =>\n  typeof value === \"number\" ? `${value}px` : `clamp(${value.min}px, ${value.share} * ${width} + ${value.offset ?? 0}px, ${value.max}px)`;\n\nexport const appWorkspaceInverseWidthCss = (value: AppWorkspaceWidthShare, width: string): string =>\n  `clamp(${value.min}px, (${value.share} * (${width} + var(--k2b-workspace-sidebar-space) + 2px - 20rem) + ${value.offset ?? 0}px) / ${1 - value.share}, ${value.max}px)`;\n"],"mappings":"AAAA;;AAGA,OAAO,MAAM,wBAAwB,GAAI,KAAc,IAAsC;EAC3F,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,EAAE,OAAO,KAAK;EACtH,OACE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAC/B,KAAK,CAAC,KAAK,GAAG,CAAC,IACf,KAAK,CAAC,KAAK,GAAG,CAAC,IACf,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAC1B,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAC1B,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAC7B,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAC7B,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,KACrB,EAAE,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,IAAK,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAE,CAAC;AAE/H,CAAC;AAED,OAAO,MAAM,sBAAsB,GAAI,KAAsC,IAC3E,OAAO,KAAK,KAAK,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,SAAS,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,EAAE;AAEnH,OAAO,MAAM,qBAAqB,GAAI,KAAyB,IAAkD;EAC/G,IAAI,CAAC,KAAK,EAAE,OAAO,SAAS;EAC5B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;IAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAC3B,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,SAAS;EACnD;EACA,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;EACvE,MAAM,KAAK,GAAG;IAAE,KAAK;IAAE,MAAM;IAAE,GAAG;IAAE;EAAI,CAAC;EACzC,OAAO,wBAAwB,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,SAAS;AAC5D,CAAC;AAED,OAAO,MAAM,wBAAwB,GAAG,CAAC,KAAsC,EAAE,cAAsB,KACrG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,GAAG,cAAc,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC;AAElI,OAAO,MAAM,oBAAoB,GAAG,CAAC,KAAsC,EAAE,KAAa,KACxF,OAAO,KAAK,KAAK,QAAQ,GAAG,GAAG,KAAK,IAAI,GAAG,SAAS,KAAK,CAAC,GAAG,OAAO,KAAK,CAAC,KAAK,MAAM,KAAK,MAAM,KAAK,CAAC,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC,GAAG,KAAK;AAExI,OAAO,MAAM,2BAA2B,GAAG,CAAC,KAA6B,EAAE,KAAa,KACtF,SAAS,KAAK,CAAC,GAAG,QAAQ,KAAK,CAAC,KAAK,OAAO,KAAK,0DAA0D,KAAK,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK","ignoreList":[]}

package/dist/ssr/layout/index.js

@@ -1,5 +1,6 @@
 export { default as AppOverview } from "./AppOverview";
-export { default as AppWorkspace } from "./AppWorkspace";
+export { appWorkspaceDetailElementId, default as AppWorkspace } from "./AppWorkspace";
+export { watchAppHostWidth } from "./app-host-width";
 export { installAppWorkspaceController, parkWorkspaceDetailDrawers } from "./app-workspace-controller";
 export { APP_WORKSPACE_DETAIL_DEFAULT, APP_WORKSPACE_DETAIL_MAX, APP_WORKSPACE_DETAIL_MIN, APP_WORKSPACE_DRAWER_DEFAULT, APP_WORKSPACE_DRAWER_MAX, APP_WORKSPACE_DRAWER_MIN, APP_WORKSPACE_MAIN_MIN, APP_WORKSPACE_MAIN_MIN_HEIGHT, APP_WORKSPACE_PANE_DEFAULT, APP_WORKSPACE_PANE_MAX, APP_WORKSPACE_PANE_MIN, APP_WORKSPACE_SIDEBAR_COLLAPSE_THRESHOLD, APP_WORKSPACE_SIDEBAR_COLLAPSED, APP_WORKSPACE_SIDEBAR_DEFAULT, APP_WORKSPACE_SIDEBAR_MAX, APP_WORKSPACE_SIDEBAR_MIN, appWorkspaceLayoutStyle, appWorkspacePanelVariable, appWorkspaceResizeLimits, normalizeAppWorkspaceLayoutState, parseAppWorkspaceLayoutState, resolveAppWorkspaceSidebarWidth, safeAppWorkspacePanelId, serializeAppWorkspaceLayoutState, shouldCollapseAppWorkspaceSidebar } from "./app-workspace-state";
 export { bottomSheetAdaptiveOptions, bottomSheetOptions, default as BottomSheet } from "./BottomSheet";

package/dist/ssr/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["layout/index.ts"],"sourcesContent":["export type {\n  AppOverviewCardsProps,\n  AppOverviewEmptyStateProps,\n  AppOverviewPanelProps,\n  AppOverviewProps,\n} from \"./AppOverview\";\nexport { default as AppOverview } from \"./AppOverview\";\nexport type {\n  AppWorkspaceBottomDrawerHeight,\n  AppWorkspaceBottomDrawerProps,\n  AppWorkspaceContentProps,\n  AppWorkspaceDetailProps,\n  AppWorkspaceDetailWidth,\n  AppWorkspaceMainPaneProps,\n  AppWorkspaceMainProps,\n  AppWorkspaceNavTreeItemProps,\n  AppWorkspaceNavTreeMove,\n  AppWorkspaceNavTreeProps,\n  AppWorkspaceProps,\n  AppWorkspaceSidebarAccessoryVisibility,\n  AppWorkspaceSidebarBodyProps,\n  AppWorkspaceSidebarIconActionProps,\n  AppWorkspaceSidebarIconActionTone,\n  AppWorkspaceSidebarIconGridProps,\n  AppWorkspaceSidebarItemActionProps,\n  AppWorkspaceSidebarItemActionsProps,\n  AppWorkspaceSidebarItemIconProps,\n  AppWorkspaceSidebarItemLabelProps,\n  AppWorkspaceSidebarItemMetaProps,\n  AppWorkspaceSidebarItemProps,\n  AppWorkspaceSidebarItemStatusProps,\n  AppWorkspaceSidebarItemTone,\n  AppWorkspaceSidebarProps,\n  AppWorkspaceSidebarSectionProps,\n  AppWorkspaceSidebarVisibility,\n} from \"./AppWorkspace\";\nexport { default as AppWorkspace } from \"./AppWorkspace\";\nexport type { AppWorkspaceControllerOptions } from \"./app-workspace-controller\";\nexport { installAppWorkspaceController, parkWorkspaceDetailDrawers } from \"./app-workspace-controller\";\nexport type {\n  AppWorkspaceLayoutState,\n  AppWorkspaceResizeKind,\n} from \"./app-workspace-state\";\nexport {\n  APP_WORKSPACE_DETAIL_DEFAULT,\n  APP_WORKSPACE_DETAIL_MAX,\n  APP_WORKSPACE_DETAIL_MIN,\n  APP_WORKSPACE_DRAWER_DEFAULT,\n  APP_WORKSPACE_DRAWER_MAX,\n  APP_WORKSPACE_DRAWER_MIN,\n  APP_WORKSPACE_MAIN_MIN,\n  APP_WORKSPACE_MAIN_MIN_HEIGHT,\n  APP_WORKSPACE_PANE_DEFAULT,\n  APP_WORKSPACE_PANE_MAX,\n  APP_WORKSPACE_PANE_MIN,\n  APP_WORKSPACE_SIDEBAR_COLLAPSE_THRESHOLD,\n  APP_WORKSPACE_SIDEBAR_COLLAPSED,\n  APP_WORKSPACE_SIDEBAR_DEFAULT,\n  APP_WORKSPACE_SIDEBAR_MAX,\n  APP_WORKSPACE_SIDEBAR_MIN,\n  appWorkspaceLayoutStyle,\n  appWorkspacePanelVariable,\n  appWorkspaceResizeLimits,\n  normalizeAppWorkspaceLayoutState,\n  parseAppWorkspaceLayoutState,\n  resolveAppWorkspaceSidebarWidth,\n  safeAppWorkspacePanelId,\n  serializeAppWorkspaceLayoutState,\n  shouldCollapseAppWorkspaceSidebar,\n} from \"./app-workspace-state\";\nexport { type BottomSheetProps, bottomSheetAdaptiveOptions, bottomSheetOptions, default as BottomSheet } from \"./BottomSheet\";\nexport type { DataPanelProps } from \"./DataPanel\";\nexport { DataPanel } from \"./DataPanel\";\nexport type {\n  DetailPanelActionButtonProps,\n  DetailPanelActionLinkProps,\n  DetailPanelActionProps,\n  DetailPanelActionSecondary,\n  DetailPanelBodyProps,\n  DetailPanelGroupProps,\n  DetailPanelHeaderProps,\n  DetailPanelProps,\n  DetailPanelSectionProps,\n  DetailPanelSummaryProps,\n  DetailPanelTone,\n} from \"./DetailPanel\";\nexport { default as DetailPanel } from \"./DetailPanel\";\nexport type { DiscussionComposerProps, DiscussionItemProps, DiscussionListProps, DiscussionProps } from \"./Discussion\";\nexport { default as Discussion } from \"./Discussion\";\nexport type {\n  FloatingWindowClose,\n  FloatingWindowProps,\n  OpenFloatingWindowOptions,\n} from \"./FloatingWindow\";\nexport {\n  default as FloatingWindow,\n  type FloatingWindowRect,\n  fitFloatingWindowRect,\n  openFloatingWindow,\n} from \"./FloatingWindow\";\nexport type { MobileShellHeaderProps, MobileShellProps } from \"./MobileShell\";\nexport { default as MobileShell, observeMobileShell } from \"./MobileShell\";\nexport { default as Navigation, type NavigationProps } from \"./Navigation\";\nexport {\n  createNavigation,\n  findNavigationItem,\n  type NavigationController,\n  type NavigationItem,\n  type NavigationOptions,\n  type NavigationStatus,\n} from \"./navigation-model\";\nexport type { PageTitleProps, PageTrailLink, PageTrailState } from \"./PageTitle\";\nexport { followPageTrail, PAGE_TRAIL_EVENT, PageTitle, PageTrailProvider, readPageTrail, setPageTrail, usePageTrail } from \"./PageTitle\";\nexport type {\n  PanelDialogBodyProps,\n  PanelDialogFooterProps,\n  PanelDialogHeaderProps,\n  PanelDialogProps,\n  PanelDialogSectionProps,\n  PanelDialogSurface,\n  PanelDialogTabOption,\n  PanelDialogTabsProps,\n} from \"./PanelDialog\";\nexport {\n  confirmDiscardIfDirty,\n  default as PanelDialog,\n  panelDialogFixedOptions,\n  panelDialogFixedPanelClass,\n  panelDialogOptions,\n  panelDialogPanelClass,\n  panelDialogWideOptions,\n  panelDialogWidePanelClass,\n  panelDialogWorkspaceOptions,\n  panelDialogWorkspacePanelClass,\n} from \"./PanelDialog\";\nexport type { PanelHeaderProps } from \"./PanelHeader\";\nexport { PanelHeader } from \"./PanelHeader\";\nexport type { PanesItem, PanesProps } from \"./Panes\";\nexport { default as Panes } from \"./Panes\";\nexport type { PullToRefreshProps, PullToRefreshState } from \"./PullToRefresh\";\nexport { default as PullToRefresh } from \"./PullToRefresh\";\nexport { installPageTitleController } from \"./page-title-controller\";\nexport type {\n  AddPanesItemOptions,\n  PanesDirection,\n  PanesGroup,\n  PanesIntent,\n  PanesLayout,\n  PanesNode,\n  PanesPath,\n  PanesPathSegment,\n  PanesSide,\n  PanesSplit,\n} from \"./panes-layout\";\nexport {\n  activatePanesItem,\n  addPanesItem,\n  applyPanesIntent,\n  createPanesLayout,\n  isPanesItemVisible,\n  PANES_LAYOUT_VERSION,\n  parsePanesLayout,\n  reconcilePanesLayout,\n  removePanesItem,\n  resizePanesSplit,\n} from \"./panes-layout\";\nexport { default as ResizeSeparator, type ResizeSeparatorProps } from \"./ResizeSeparator\";\nexport { attachResizeSeparator, type ResizeSeparatorOptions } from \"./resize-separator\";\nexport type { ScrollAreaProps } from \"./ScrollArea\";\nexport { default as ScrollArea } from \"./ScrollArea\";\nexport type {\n  SettingsFieldControlProps,\n  SettingsFieldProps,\n  SettingsGroupActionProps,\n  SettingsGroupProps,\n  SettingsPageProps,\n  SettingsPanelFooterProps,\n  SettingsSaveBarProps,\n  SettingsSectionProps,\n} from \"./Settings\";\nexport {\n  readSettingsError,\n  SettingsField,\n  SettingsGroup,\n  SettingsPage,\n  SettingsPanelFooter,\n  SettingsSaveBar,\n  SettingsSection,\n  sameSettingValue,\n} from \"./Settings\";\nexport type {\n  SettingsCollectionActionProps,\n  SettingsCollectionItemActionsProps,\n  SettingsCollectionItemProps,\n  SettingsCollectionItemReorderProps,\n  SettingsCollectionItemStatusProps,\n  SettingsCollectionProps,\n} from \"./SettingsCollection\";\nexport { default as SettingsCollection } from \"./SettingsCollection\";\nexport type {\n  SettingsModalFooterProps,\n  SettingsModalGroupProps,\n  SettingsModalProps,\n  SettingsModalTabProps,\n  SettingsModalTabTone,\n} from \"./SettingsModal\";\nexport { default as SettingsModal } from \"./SettingsModal\";\nexport {\n  APP_WORKSPACE_SWITCHER_SEARCH_FROM,\n  type AppWorkspaceSidebarSwitcherProps,\n  type AppWorkspaceSwitcherAction,\n  type AppWorkspaceSwitcherOption,\n} from \"./SidebarSwitcher\";\nexport type { TabBarItem, TabBarProps } from \"./TabBar\";\nexport { default as TabBar } from \"./TabBar\";\nexport type { TableOfContentsItem, TableOfContentsProps } from \"./TableOfContents\";\nexport { TableOfContents } from \"./TableOfContents\";\n"],"mappings":"AAMA,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AA8BtD,SAAS,OAAO,IAAI,YAAY,QAAQ,gBAAgB;AAExD,SAAS,6BAA6B,EAAE,0BAA0B,QAAQ,4BAA4B;AAKtG,SACE,4BAA4B,EAC5B,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,wBAAwB,EACxB,wBAAwB,EACxB,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,wCAAwC,EACxC,+BAA+B,EAC/B,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,EACxB,gCAAgC,EAChC,4BAA4B,EAC5B,+BAA+B,EAC/B,uBAAuB,EACvB,gCAAgC,EAChC,iCAAiC,QAC5B,uBAAuB;AAC9B,SAAgC,0BAA0B,EAAE,kBAAkB,EAAE,OAAO,IAAI,WAAW,QAAQ,eAAe;AAE7H,SAAS,SAAS,QAAQ,aAAa;AAcvC,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAEtD,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAMpD,SACE,OAAO,IAAI,cAAc,EAEzB,qBAAqB,EACrB,kBAAkB,QACb,kBAAkB;AAEzB,SAAS,OAAO,IAAI,WAAW,EAAE,kBAAkB,QAAQ,eAAe;AAC1E,SAAS,OAAO,IAAI,UAAU,QAA8B,cAAc;AAC1E,SACE,gBAAgB,EAChB,kBAAkB,QAKb,oBAAoB;AAE3B,SAAS,eAAe,EAAE,gBAAgB,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,QAAQ,aAAa;AAWxI,SACE,qBAAqB,EACrB,OAAO,IAAI,WAAW,EACtB,uBAAuB,EACvB,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,yBAAyB,EACzB,2BAA2B,EAC3B,8BAA8B,QACzB,eAAe;AAEtB,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,OAAO,IAAI,aAAa,QAAQ,iBAAiB;AAC1D,SAAS,0BAA0B,QAAQ,yBAAyB;AAapE,SACE,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,QACX,gBAAgB;AACvB,SAAS,OAAO,IAAI,eAAe,QAAmC,mBAAmB;AACzF,SAAS,qBAAqB,QAAqC,oBAAoB;AAEvF,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAWpD,SACE,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,gBAAgB,QACX,YAAY;AASnB,SAAS,OAAO,IAAI,kBAAkB,QAAQ,sBAAsB;AAQpE,SAAS,OAAO,IAAI,aAAa,QAAQ,iBAAiB;AAC1D,SACE,kCAAkC,QAI7B,mBAAmB;AAE1B,SAAS,OAAO,IAAI,MAAM,QAAQ,UAAU;AAE5C,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}
+{"version":3,"names":[],"sources":["layout/index.ts"],"sourcesContent":["export type {\n  AppOverviewCardsProps,\n  AppOverviewEmptyStateProps,\n  AppOverviewPanelProps,\n  AppOverviewProps,\n} from \"./AppOverview\";\nexport { default as AppOverview } from \"./AppOverview\";\nexport type {\n  AppWorkspaceBottomDrawerHeight,\n  AppWorkspaceBottomDrawerProps,\n  AppWorkspaceContentProps,\n  AppWorkspaceDetailProps,\n  AppWorkspaceDetailWidth,\n  AppWorkspaceHeadProps,\n  AppWorkspaceMainPaneProps,\n  AppWorkspaceMainProps,\n  AppWorkspaceNavTreeItemProps,\n  AppWorkspaceNavTreeMove,\n  AppWorkspaceNavTreeProps,\n  AppWorkspaceProps,\n  AppWorkspaceSidebarAccessoryVisibility,\n  AppWorkspaceSidebarBodyProps,\n  AppWorkspaceSidebarIconActionProps,\n  AppWorkspaceSidebarIconActionTone,\n  AppWorkspaceSidebarIconGridProps,\n  AppWorkspaceSidebarItemActionProps,\n  AppWorkspaceSidebarItemActionsProps,\n  AppWorkspaceSidebarItemIconProps,\n  AppWorkspaceSidebarItemLabelProps,\n  AppWorkspaceSidebarItemMetaProps,\n  AppWorkspaceSidebarItemProps,\n  AppWorkspaceSidebarItemStatusProps,\n  AppWorkspaceSidebarItemTone,\n  AppWorkspaceSidebarProps,\n  AppWorkspaceSidebarSectionProps,\n  AppWorkspaceSidebarVisibility,\n  AppWorkspaceWidthShare,\n} from \"./AppWorkspace\";\nexport { appWorkspaceDetailElementId, default as AppWorkspace } from \"./AppWorkspace\";\nexport { watchAppHostWidth } from \"./app-host-width\";\nexport type { AppWorkspaceControllerOptions } from \"./app-workspace-controller\";\nexport { installAppWorkspaceController, parkWorkspaceDetailDrawers } from \"./app-workspace-controller\";\nexport type {\n  AppWorkspaceLayoutState,\n  AppWorkspaceResizeKind,\n} from \"./app-workspace-state\";\nexport {\n  APP_WORKSPACE_DETAIL_DEFAULT,\n  APP_WORKSPACE_DETAIL_MAX,\n  APP_WORKSPACE_DETAIL_MIN,\n  APP_WORKSPACE_DRAWER_DEFAULT,\n  APP_WORKSPACE_DRAWER_MAX,\n  APP_WORKSPACE_DRAWER_MIN,\n  APP_WORKSPACE_MAIN_MIN,\n  APP_WORKSPACE_MAIN_MIN_HEIGHT,\n  APP_WORKSPACE_PANE_DEFAULT,\n  APP_WORKSPACE_PANE_MAX,\n  APP_WORKSPACE_PANE_MIN,\n  APP_WORKSPACE_SIDEBAR_COLLAPSE_THRESHOLD,\n  APP_WORKSPACE_SIDEBAR_COLLAPSED,\n  APP_WORKSPACE_SIDEBAR_DEFAULT,\n  APP_WORKSPACE_SIDEBAR_MAX,\n  APP_WORKSPACE_SIDEBAR_MIN,\n  appWorkspaceLayoutStyle,\n  appWorkspacePanelVariable,\n  appWorkspaceResizeLimits,\n  normalizeAppWorkspaceLayoutState,\n  parseAppWorkspaceLayoutState,\n  resolveAppWorkspaceSidebarWidth,\n  safeAppWorkspacePanelId,\n  serializeAppWorkspaceLayoutState,\n  shouldCollapseAppWorkspaceSidebar,\n} from \"./app-workspace-state\";\nexport { type BottomSheetProps, bottomSheetAdaptiveOptions, bottomSheetOptions, default as BottomSheet } from \"./BottomSheet\";\nexport type { DataPanelProps } from \"./DataPanel\";\nexport { DataPanel } from \"./DataPanel\";\nexport type {\n  DetailPanelActionButtonProps,\n  DetailPanelActionLinkProps,\n  DetailPanelActionProps,\n  DetailPanelActionSecondary,\n  DetailPanelBodyProps,\n  DetailPanelGroupProps,\n  DetailPanelHeaderProps,\n  DetailPanelProps,\n  DetailPanelSectionProps,\n  DetailPanelSummaryProps,\n  DetailPanelTone,\n} from \"./DetailPanel\";\nexport { default as DetailPanel } from \"./DetailPanel\";\nexport type { DiscussionComposerProps, DiscussionItemProps, DiscussionListProps, DiscussionProps } from \"./Discussion\";\nexport { default as Discussion } from \"./Discussion\";\nexport type {\n  FloatingWindowClose,\n  FloatingWindowProps,\n  OpenFloatingWindowOptions,\n} from \"./FloatingWindow\";\nexport {\n  default as FloatingWindow,\n  type FloatingWindowRect,\n  fitFloatingWindowRect,\n  openFloatingWindow,\n} from \"./FloatingWindow\";\nexport type { MobileShellHeaderProps, MobileShellProps } from \"./MobileShell\";\nexport { default as MobileShell, observeMobileShell } from \"./MobileShell\";\nexport { default as Navigation, type NavigationProps } from \"./Navigation\";\nexport {\n  createNavigation,\n  findNavigationItem,\n  type NavigationController,\n  type NavigationItem,\n  type NavigationOptions,\n  type NavigationStatus,\n} from \"./navigation-model\";\nexport type { PageTitleProps, PageTrailLink, PageTrailState } from \"./PageTitle\";\nexport { followPageTrail, PAGE_TRAIL_EVENT, PageTitle, PageTrailProvider, readPageTrail, setPageTrail, usePageTrail } from \"./PageTitle\";\nexport type {\n  PanelDialogBodyProps,\n  PanelDialogFooterProps,\n  PanelDialogHeaderProps,\n  PanelDialogProps,\n  PanelDialogSectionProps,\n  PanelDialogSurface,\n  PanelDialogTabOption,\n  PanelDialogTabsProps,\n} from \"./PanelDialog\";\nexport {\n  confirmDiscardIfDirty,\n  default as PanelDialog,\n  panelDialogFixedOptions,\n  panelDialogFixedPanelClass,\n  panelDialogOptions,\n  panelDialogPanelClass,\n  panelDialogWideOptions,\n  panelDialogWidePanelClass,\n  panelDialogWorkspaceOptions,\n  panelDialogWorkspacePanelClass,\n} from \"./PanelDialog\";\nexport type { PanelHeaderProps } from \"./PanelHeader\";\nexport { PanelHeader } from \"./PanelHeader\";\nexport type { PanesItem, PanesProps } from \"./Panes\";\nexport { default as Panes } from \"./Panes\";\nexport type { PullToRefreshProps, PullToRefreshState } from \"./PullToRefresh\";\nexport { default as PullToRefresh } from \"./PullToRefresh\";\nexport { installPageTitleController } from \"./page-title-controller\";\nexport type {\n  AddPanesItemOptions,\n  PanesDirection,\n  PanesGroup,\n  PanesIntent,\n  PanesLayout,\n  PanesNode,\n  PanesPath,\n  PanesPathSegment,\n  PanesSide,\n  PanesSplit,\n} from \"./panes-layout\";\nexport {\n  activatePanesItem,\n  addPanesItem,\n  applyPanesIntent,\n  createPanesLayout,\n  isPanesItemVisible,\n  PANES_LAYOUT_VERSION,\n  parsePanesLayout,\n  reconcilePanesLayout,\n  removePanesItem,\n  resizePanesSplit,\n} from \"./panes-layout\";\nexport { default as ResizeSeparator, type ResizeSeparatorProps } from \"./ResizeSeparator\";\nexport { attachResizeSeparator, type ResizeSeparatorOptions } from \"./resize-separator\";\nexport type { ScrollAreaProps } from \"./ScrollArea\";\nexport { default as ScrollArea } from \"./ScrollArea\";\nexport type {\n  SettingsFieldControlProps,\n  SettingsFieldProps,\n  SettingsGroupActionProps,\n  SettingsGroupProps,\n  SettingsPageProps,\n  SettingsPanelFooterProps,\n  SettingsSaveBarProps,\n  SettingsSectionProps,\n} from \"./Settings\";\nexport {\n  readSettingsError,\n  SettingsField,\n  SettingsGroup,\n  SettingsPage,\n  SettingsPanelFooter,\n  SettingsSaveBar,\n  SettingsSection,\n  sameSettingValue,\n} from \"./Settings\";\nexport type {\n  SettingsCollectionActionProps,\n  SettingsCollectionItemActionsProps,\n  SettingsCollectionItemProps,\n  SettingsCollectionItemReorderProps,\n  SettingsCollectionItemStatusProps,\n  SettingsCollectionProps,\n} from \"./SettingsCollection\";\nexport { default as SettingsCollection } from \"./SettingsCollection\";\nexport type {\n  SettingsModalFooterProps,\n  SettingsModalGroupProps,\n  SettingsModalProps,\n  SettingsModalTabProps,\n  SettingsModalTabTone,\n} from \"./SettingsModal\";\nexport { default as SettingsModal } from \"./SettingsModal\";\nexport {\n  APP_WORKSPACE_SWITCHER_SEARCH_FROM,\n  type AppWorkspaceSidebarSwitcherProps,\n  type AppWorkspaceSwitcherAction,\n  type AppWorkspaceSwitcherOption,\n} from \"./SidebarSwitcher\";\nexport type { TabBarItem, TabBarProps } from \"./TabBar\";\nexport { default as TabBar } from \"./TabBar\";\nexport type { TableOfContentsItem, TableOfContentsProps } from \"./TableOfContents\";\nexport { TableOfContents } from \"./TableOfContents\";\n"],"mappings":"AAMA,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAgCtD,SAAS,2BAA2B,EAAE,OAAO,IAAI,YAAY,QAAQ,gBAAgB;AACrF,SAAS,iBAAiB,QAAQ,kBAAkB;AAEpD,SAAS,6BAA6B,EAAE,0BAA0B,QAAQ,4BAA4B;AAKtG,SACE,4BAA4B,EAC5B,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,wBAAwB,EACxB,wBAAwB,EACxB,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,wCAAwC,EACxC,+BAA+B,EAC/B,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,EACxB,gCAAgC,EAChC,4BAA4B,EAC5B,+BAA+B,EAC/B,uBAAuB,EACvB,gCAAgC,EAChC,iCAAiC,QAC5B,uBAAuB;AAC9B,SAAgC,0BAA0B,EAAE,kBAAkB,EAAE,OAAO,IAAI,WAAW,QAAQ,eAAe;AAE7H,SAAS,SAAS,QAAQ,aAAa;AAcvC,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAEtD,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAMpD,SACE,OAAO,IAAI,cAAc,EAEzB,qBAAqB,EACrB,kBAAkB,QACb,kBAAkB;AAEzB,SAAS,OAAO,IAAI,WAAW,EAAE,kBAAkB,QAAQ,eAAe;AAC1E,SAAS,OAAO,IAAI,UAAU,QAA8B,cAAc;AAC1E,SACE,gBAAgB,EAChB,kBAAkB,QAKb,oBAAoB;AAE3B,SAAS,eAAe,EAAE,gBAAgB,EAAE,SAAS,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,QAAQ,aAAa;AAWxI,SACE,qBAAqB,EACrB,OAAO,IAAI,WAAW,EACtB,uBAAuB,EACvB,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,yBAAyB,EACzB,2BAA2B,EAC3B,8BAA8B,QACzB,eAAe;AAEtB,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,OAAO,IAAI,aAAa,QAAQ,iBAAiB;AAC1D,SAAS,0BAA0B,QAAQ,yBAAyB;AAapE,SACE,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,QACX,gBAAgB;AACvB,SAAS,OAAO,IAAI,eAAe,QAAmC,mBAAmB;AACzF,SAAS,qBAAqB,QAAqC,oBAAoB;AAEvF,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAWpD,SACE,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,gBAAgB,QACX,YAAY;AASnB,SAAS,OAAO,IAAI,kBAAkB,QAAQ,sBAAsB;AAQpE,SAAS,OAAO,IAAI,aAAa,QAAQ,iBAAiB;AAC1D,SACE,kCAAkC,QAI7B,mBAAmB;AAE1B,SAAS,OAAO,IAAI,MAAM,QAAQ,UAAU;AAE5C,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}

package/dist/ssr/surfaces/Placeholder.js

@@ -5,19 +5,22 @@ import { createComponent as _$createComponent } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
 var _tmpl$ = ["<p class=\"k2b-placeholder__title\">", "</p>"],
   _tmpl$2 = ["<div class=\"k2b-placeholder__description\">", "</div>"],
-  _tmpl$3 = ["<div class=\"k2b-placeholder__action\">", "</div>"],
+  _tmpl$3 = ["<div class=\"k2b-placeholder__action\">", "", "</div>"],
   _tmpl$4 = ["<span", "><i", " aria-hidden=\"true\"></i></span>"];
 import { Show } from "solid-js";
 import { Dynamic } from "solid-js/web";
+import { Button } from "../actions/Button";
+import { useUiMessages } from "../intl/messages";
 import { Paper } from "./Paper";
 
 /** `compact` stacks inside a section, `inline` is one row in a list or sidebar, `panel` fills a work area. */
 
 export default function Placeholder(props) {
+  const messages = useUiMessages();
   const align = () => props.align ?? "center";
   const state = () => props.state ?? "empty";
   const variant = () => props.variant ?? "compact";
-  const icon = () => props.icon ?? (state() === "loading" ? "ti ti-loader-2" : state() === "error" ? "ti ti-alert-circle" : undefined);
+  const icon = () => props.icon ?? (state() === "loading" ? "ti ti-loader-2" : state() === "error" ? "ti ti-alert-circle" : state() === "no-results" ? "ti ti-search-off" : state() === "no-access" ? "ti ti-lock" : undefined);
   return _$createComponent(Dynamic, {
     get component() {
       return props.surface === "paper" ? Paper : "div";
@@ -51,9 +54,8 @@ export default function Placeholder(props) {
         get when() {
           return icon();
         },
-        children: iconClass => // An empty state's icon sits in a soft chip of the app colour; loading and error keep their status
-        // colours on the same box, so a state change never resizes it.
-        _$ssr(_tmpl$4, _$ssrAttribute("class", state() === "empty" && variant() !== "inline" ? "k2b-placeholder__icon k2b-icon-tile" : "k2b-placeholder__icon", false), _$ssrAttribute("class", _$escape(iconClass(), true), false))
+        children: iconClass => // Quiet states share the chip; loading and error keep the same icon box without it.
+        _$ssr(_tmpl$4, _$ssrAttribute("class", ["empty", "no-results", "no-access"].includes(state()) && variant() !== "inline" ? "k2b-placeholder__icon k2b-icon-tile" : "k2b-placeholder__icon", false), _$ssrAttribute("class", _$escape(iconClass(), true), false))
       }), _$createComponent(Show, {
         get when() {
           return props.title;
@@ -70,10 +72,25 @@ export default function Placeholder(props) {
         }
       }), _$createComponent(Show, {
         get when() {
-          return props.action;
+          return props.action || state() === "error" && props.onRetry;
         },
         get children() {
-          return _$ssr(_tmpl$3, _$escape(props.action));
+          return _$ssr(_tmpl$3, _$escape(props.action), _$escape(_$createComponent(Show, {
+            get when() {
+              return _$memo(() => state() === "error")() && props.onRetry;
+            },
+            get children() {
+              return _$createComponent(Button, {
+                type: "button",
+                size: "sm",
+                variant: "secondary",
+                onClick: () => props.onRetry?.(),
+                get children() {
+                  return messages().tryAgain;
+                }
+              });
+            }
+          })));
         }
       })];
     }

package/dist/ssr/surfaces/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["surfaces/Placeholder.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Paper } from \"./Paper\";\n\nexport type PlaceholderAlign = \"center\" | \"left\";\nexport type PlaceholderSurface = \"none\" | \"paper\";\nexport type PlaceholderState = \"empty\" | \"loading\" | \"error\";\n/** `compact` stacks inside a section, `inline` is one row in a list or sidebar, `panel` fills a work area. */\nexport type PlaceholderVariant = \"compact\" | \"inline\" | \"panel\";\n\nexport type PlaceholderProps = {\n  title?: JSX.Element;\n  description?: JSX.Element;\n  icon?: string;\n  action?: JSX.Element;\n  align?: PlaceholderAlign;\n  surface?: PlaceholderSurface;\n  state?: PlaceholderState;\n  variant?: PlaceholderVariant;\n  class?: string;\n};\n\nexport default function Placeholder(props: PlaceholderProps): JSX.Element {\n  const align = () => props.align ?? \"center\";\n  const state = () => props.state ?? \"empty\";\n  const variant = () => props.variant ?? \"compact\";\n  const icon = () => props.icon ?? (state() === \"loading\" ? \"ti ti-loader-2\" : state() === \"error\" ? \"ti ti-alert-circle\" : undefined);\n\n  return (\n    <Dynamic\n      component={props.surface === \"paper\" ? Paper : \"div\"}\n      class={`k2b-placeholder ${props.class ?? \"\"}`}\n      data-align={align()}\n      data-state={state()}\n      data-surface={props.surface ?? \"none\"}\n      data-variant={variant()}\n      role={state() === \"error\" ? \"alert\" : state() === \"loading\" ? \"status\" : undefined}\n      aria-live={state() === \"loading\" ? \"polite\" : undefined}\n      aria-busy={state() === \"loading\" ? \"true\" : undefined}\n    >\n      <Show when={icon()}>\n        {(iconClass) => (\n          // An empty state's icon sits in a soft chip of the app colour; loading and error keep their status\n          // colours on the same box, so a state change never resizes it.\n          <span class={state() === \"empty\" && variant() !== \"inline\" ? \"k2b-placeholder__icon k2b-icon-tile\" : \"k2b-placeholder__icon\"}>\n            <i class={iconClass()} aria-hidden=\"true\" />\n          </span>\n        )}\n      </Show>\n      <Show when={props.title}>\n        <p class=\"k2b-placeholder__title\">{props.title}</p>\n      </Show>\n      <Show when={props.description}>\n        <div class=\"k2b-placeholder__description\">{props.description}</div>\n      </Show>\n      <Show when={props.action}>\n        <div class=\"k2b-placeholder__action\">{props.action}</div>\n      </Show>\n    </Dynamic>\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,SAAmB,IAAI,QAAQ,UAAU;AACzC,SAAS,OAAO,QAAQ,cAAc;AACtC,SAAS,KAAK,QAAQ,SAAS;;AAK/B;;AAeA,eAAe,SAAS,WAAW,CAAC,KAAuB,EAAe;EACxE,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,KAAK,IAAI,QAAQ;EAC3C,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,KAAK,IAAI,OAAO;EAC1C,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,IAAI,SAAS;EAChD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,GAAG,gBAAgB,GAAG,KAAK,CAAC,CAAC,KAAK,OAAO,GAAG,oBAAoB,GAAG,SAAS,CAAC;EAEpI,yBACG,OAAO;IAAA,IACN,SAAS;MAAA,OAAE,KAAK,CAAC,OAAO,KAAK,OAAO,GAAG,KAAK,GAAG,KAAK;IAAA;IAAA;MAAA,OAC7C,mBAAmB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;IAAA;IAAA;MAAA,OACjC,KAAK,CAAC,CAAC;IAAA;IAAA;MAAA,OACP,KAAK,CAAC,CAAC;IAAA;IAAA;MAAA,OACL,KAAK,CAAC,OAAO,IAAI,MAAM;IAAA;IAAA;MAAA,OACvB,OAAO,CAAC,CAAC;IAAA;IAAA,IACvB,IAAI;MAAA,OAAE,kBAAK,CAAC,CAAC,KAAK,OAAO,MAAG,OAAO,GAAG,KAAK,CAAC,CAAC,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS;IAAA;IAAA;MAAA,OACvE,KAAK,CAAC,CAAC,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS;IAAA;IAAA;MAAA,OAC5C,KAAK,CAAC,CAAC,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS;IAAA;IAAA;MAAA,0BAEpD,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,IAAI,CAAC,CAAC;QAAA;QAAA,UACd,SAAS,IACT;QACA;QAAA,uCACa,KAAK,CAAC,CAAC,KAAK,OAAO,IAAI,OAAO,CAAC,CAAC,KAAK,QAAQ,GAAG,qCAAqC,GAAG,uBAAuB,2CAChH,SAAS,CAAC,CAAC;MAExB,sBAEF,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAAA;UAAA,8BACc,KAAK,CAAC,KAAK;QAAA;MAAA,sBAE/C,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,WAAW;QAAA;QAAA;UAAA,+BACgB,KAAK,CAAC,WAAW;QAAA;MAAA,sBAE7D,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,MAAM;QAAA;QAAA;UAAA,+BACgB,KAAK,CAAC,MAAM;QAAA;MAAA;IAAA;EAAA;AAI1D","ignoreList":[]}
+{"version":3,"names":[],"sources":["surfaces/Placeholder.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { Paper } from \"./Paper\";\n\nexport type PlaceholderAlign = \"center\" | \"left\";\nexport type PlaceholderSurface = \"none\" | \"paper\";\nexport type PlaceholderState = \"empty\" | \"no-results\" | \"no-access\" | \"loading\" | \"error\";\n/** `compact` stacks inside a section, `inline` is one row in a list or sidebar, `panel` fills a work area. */\nexport type PlaceholderVariant = \"compact\" | \"inline\" | \"panel\";\n\nexport type PlaceholderProps = {\n  title?: JSX.Element;\n  description?: JSX.Element;\n  icon?: string;\n  action?: JSX.Element;\n  onRetry?: () => void;\n  align?: PlaceholderAlign;\n  surface?: PlaceholderSurface;\n  state?: PlaceholderState;\n  variant?: PlaceholderVariant;\n  class?: string;\n};\n\nexport default function Placeholder(props: PlaceholderProps): JSX.Element {\n  const messages = useUiMessages();\n  const align = () => props.align ?? \"center\";\n  const state = () => props.state ?? \"empty\";\n  const variant = () => props.variant ?? \"compact\";\n  const icon = () =>\n    props.icon ??\n    (state() === \"loading\"\n      ? \"ti ti-loader-2\"\n      : state() === \"error\"\n        ? \"ti ti-alert-circle\"\n        : state() === \"no-results\"\n          ? \"ti ti-search-off\"\n          : state() === \"no-access\"\n            ? \"ti ti-lock\"\n            : undefined);\n\n  return (\n    <Dynamic\n      component={props.surface === \"paper\" ? Paper : \"div\"}\n      class={`k2b-placeholder ${props.class ?? \"\"}`}\n      data-align={align()}\n      data-state={state()}\n      data-surface={props.surface ?? \"none\"}\n      data-variant={variant()}\n      role={state() === \"error\" ? \"alert\" : state() === \"loading\" ? \"status\" : undefined}\n      aria-live={state() === \"loading\" ? \"polite\" : undefined}\n      aria-busy={state() === \"loading\" ? \"true\" : undefined}\n    >\n      <Show when={icon()}>\n        {(iconClass) => (\n          // Quiet states share the chip; loading and error keep the same icon box without it.\n          <span\n            class={\n              [\"empty\", \"no-results\", \"no-access\"].includes(state()) && variant() !== \"inline\"\n                ? \"k2b-placeholder__icon k2b-icon-tile\"\n                : \"k2b-placeholder__icon\"\n            }\n          >\n            <i class={iconClass()} aria-hidden=\"true\" />\n          </span>\n        )}\n      </Show>\n      <Show when={props.title}>\n        <p class=\"k2b-placeholder__title\">{props.title}</p>\n      </Show>\n      <Show when={props.description}>\n        <div class=\"k2b-placeholder__description\">{props.description}</div>\n      </Show>\n      <Show when={props.action || (state() === \"error\" && props.onRetry)}>\n        <div class=\"k2b-placeholder__action\">\n          {props.action}\n          <Show when={state() === \"error\" && props.onRetry}>\n            <Button type=\"button\" size=\"sm\" variant=\"secondary\" onClick={() => props.onRetry?.()}>\n              {messages().tryAgain}\n            </Button>\n          </Show>\n        </div>\n      </Show>\n    </Dynamic>\n  );\n}\n"],"mappings":"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","ignoreList":[]}