@k2b/ui 0.1.0-rc.0 → 0.1.0

package/dist/types/layout/SettingsModal.d.ts

@@ -0,0 +1,39 @@
+import { type JSX } from "solid-js";
+export type SettingsModalTabTone = "default" | "danger";
+export type SettingsModalTabProps = {
+    id: string;
+    title: string;
+    description?: string;
+    icon?: string;
+    tone?: SettingsModalTabTone;
+    children: JSX.Element;
+};
+export type SettingsModalGroupProps = {
+    title: string;
+    children: JSX.Element;
+};
+export type SettingsModalFooterProps = {
+    children: JSX.Element;
+};
+export type SettingsModalProps = {
+    /** Accessible name for the settings surface. */
+    title: string;
+    /** @deprecated Retained for source compatibility; tab descriptions carry the visible context. */
+    subtitle?: string;
+    /** @deprecated Retained for source compatibility; tab icons identify the rail entries. */
+    icon?: string;
+    defaultTab?: string;
+    activeTab?: string;
+    onTabChange?: (id: string) => void;
+    onClose?: () => void;
+    closeLabel?: string;
+    class?: string;
+    children: JSX.Element;
+};
+type SettingsModalComponent = ((props: SettingsModalProps) => JSX.Element) & {
+    Tab: (props: SettingsModalTabProps) => JSX.Element;
+    Group: (props: SettingsModalGroupProps) => JSX.Element;
+    Footer: (props: SettingsModalFooterProps) => JSX.Element;
+};
+declare const SettingsModal: SettingsModalComponent;
+export default SettingsModal;

package/dist/types/layout/app-workspace-controller.d.ts

@@ -0,0 +1,7 @@
+import { type AppWorkspaceLayoutState } from "./app-workspace-state";
+export type AppWorkspaceControllerOptions = {
+    root?: Document | HTMLElement;
+    readState?: () => AppWorkspaceLayoutState | null | undefined;
+    writeState?: (state: AppWorkspaceLayoutState) => void;
+};
+export declare const installAppWorkspaceController: (options?: AppWorkspaceControllerOptions) => (() => void);

package/dist/types/layout/app-workspace-state.d.ts

@@ -0,0 +1,57 @@
+export type AppWorkspaceLayoutState = {
+    version: 2;
+    sidebarWidth?: number;
+    sidebarCollapsed?: boolean;
+    paneWidths?: Record<string, number>;
+    detailWidths?: Record<string, number>;
+    drawerHeights?: Record<string, number>;
+};
+export declare const APP_WORKSPACE_SIDEBAR_DEFAULT = 208;
+export declare const APP_WORKSPACE_SIDEBAR_COLLAPSED = 64;
+export declare const APP_WORKSPACE_SIDEBAR_COLLAPSE_THRESHOLD = 128;
+export declare const APP_WORKSPACE_SIDEBAR_MIN = 176;
+export declare const APP_WORKSPACE_SIDEBAR_MAX = 360;
+export declare const APP_WORKSPACE_DETAIL_DEFAULT = 384;
+export declare const APP_WORKSPACE_DETAIL_MIN = 288;
+export declare const APP_WORKSPACE_DETAIL_MAX = 640;
+export declare const APP_WORKSPACE_DRAWER_DEFAULT = 240;
+export declare const APP_WORKSPACE_DRAWER_MIN = 160;
+export declare const APP_WORKSPACE_DRAWER_MAX = 560;
+/** Space `appWorkspaceResizeLimits` always reserves for the main region. */
+export declare const APP_WORKSPACE_MAIN_MIN = 320;
+export declare const APP_WORKSPACE_MAIN_MIN_HEIGHT = 240;
+export declare const APP_WORKSPACE_PANE_DEFAULT = 320;
+export declare const APP_WORKSPACE_PANE_MIN = 240;
+export declare const APP_WORKSPACE_PANE_MAX = 640;
+export type AppWorkspaceResizeKind = "sidebar" | "pane" | "detail" | "drawer";
+export declare const appWorkspaceResizeLimits: (options: {
+    kind: AppWorkspaceResizeKind;
+    workspaceSize: number;
+    reservedSize: number;
+    min?: number;
+    max?: number;
+    sidebarCollapsible?: boolean;
+}) => {
+    min: number;
+    max: number;
+};
+/**
+ * Fits preferred auxiliary pane widths into a shared budget without giving
+ * DOM order priority. Minimums are reserved first; remaining space is shared
+ * in proportion to how much each pane still needs to reach its preference.
+ */
+export declare const fitAppWorkspacePaneSizes: (panes: ReadonlyArray<{
+    desired: number;
+    min: number;
+}>, availableSize: number) => number[];
+export declare const shouldCollapseAppWorkspaceSidebar: (width: number, collapsible: boolean) => boolean;
+export declare const resolveAppWorkspaceSidebarWidth: (width: number, maxWidth: number, collapsible: boolean) => {
+    width: number;
+    collapsed: boolean;
+};
+export declare const safeAppWorkspacePanelId: (panelId: string) => string;
+export declare const appWorkspacePanelVariable: (kind: "pane" | "detail" | "drawer", panelId: string) => string;
+export declare const normalizeAppWorkspaceLayoutState: (value: unknown) => AppWorkspaceLayoutState | null;
+export declare const parseAppWorkspaceLayoutState: (value: string | null | undefined) => AppWorkspaceLayoutState | null;
+export declare const serializeAppWorkspaceLayoutState: (state: AppWorkspaceLayoutState) => string;
+export declare const appWorkspaceLayoutStyle: (state: AppWorkspaceLayoutState | null | undefined) => string | undefined;

package/dist/types/layout/floating-window-geometry.d.ts

@@ -0,0 +1,11 @@
+export type FloatingWindowRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const FLOATING_WINDOW_VIEWPORT_GAP = 16;
+export declare const fitFloatingWindowRect: (rect: FloatingWindowRect, minWidth: number, minHeight: number, viewport: {
+    width: number;
+    height: number;
+}) => FloatingWindowRect;

package/dist/types/layout/index.d.ts

@@ -0,0 +1,32 @@
+export type { AppOverviewEmptyStateProps, AppOverviewPanelProps, AppOverviewProps, } from "./AppOverview";
+export { default as AppOverview } from "./AppOverview";
+export type { AppWorkspaceBottomDrawerHeight, AppWorkspaceBottomDrawerProps, AppWorkspaceContentProps, AppWorkspaceDetailProps, AppWorkspaceDetailWidth, AppWorkspaceMainPaneProps, AppWorkspaceMainProps, AppWorkspaceNavTreeItemProps, AppWorkspaceNavTreeProps, AppWorkspaceProps, AppWorkspaceSidebarAccessoryVisibility, AppWorkspaceSidebarBodyProps, AppWorkspaceSidebarIconActionProps, AppWorkspaceSidebarIconActionTone, AppWorkspaceSidebarIconGridProps, AppWorkspaceSidebarItemActionProps, AppWorkspaceSidebarItemActionsProps, AppWorkspaceSidebarItemIconProps, AppWorkspaceSidebarItemLabelProps, AppWorkspaceSidebarItemMetaProps, AppWorkspaceSidebarItemProps, AppWorkspaceSidebarItemTone, AppWorkspaceSidebarMobileItemsProps, AppWorkspaceSidebarMobileProps, AppWorkspaceSidebarMobileTriggerProps, AppWorkspaceSidebarProps, AppWorkspaceSidebarSectionProps, AppWorkspaceSidebarVisibility, } from "./AppWorkspace";
+export { default as AppWorkspace } from "./AppWorkspace";
+export type { AppWorkspaceControllerOptions } from "./app-workspace-controller";
+export { installAppWorkspaceController } from "./app-workspace-controller";
+export type { AppWorkspaceLayoutState, AppWorkspaceResizeKind, } from "./app-workspace-state";
+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 type { DataPanelProps } from "./DataPanel";
+export { DataPanel } from "./DataPanel";
+export type { DetailPanelActionButtonProps, DetailPanelActionLinkProps, DetailPanelActionProps, DetailPanelBodyProps, DetailPanelGroupProps, DetailPanelHeaderProps, DetailPanelProps, DetailPanelSectionProps, DetailPanelSummaryProps, DetailPanelTone, } from "./DetailPanel";
+export { default as DetailPanel } from "./DetailPanel";
+export type { DiscussionComposerProps, DiscussionItemProps, DiscussionListProps, DiscussionProps } from "./Discussion";
+export { default as Discussion } from "./Discussion";
+export type { FloatingWindowClose, FloatingWindowProps, OpenFloatingWindowOptions, } from "./FloatingWindow";
+export { default as FloatingWindow, type FloatingWindowRect, fitFloatingWindowRect, openFloatingWindow, } from "./FloatingWindow";
+export type { PanelDialogBodyProps, PanelDialogFooterProps, PanelDialogHeaderProps, PanelDialogProps, PanelDialogSectionProps, PanelDialogSurface, PanelDialogTabOption, PanelDialogTabsProps, } from "./PanelDialog";
+export { confirmDiscardIfDirty, default as PanelDialog, panelDialogFixedOptions, panelDialogFixedPanelClass, panelDialogOptions, panelDialogPanelClass, panelDialogWideOptions, panelDialogWidePanelClass, panelDialogWorkspaceOptions, panelDialogWorkspacePanelClass, } from "./PanelDialog";
+export type { PanelHeaderProps } from "./PanelHeader";
+export { PanelHeader } from "./PanelHeader";
+export type { PanesItem, PanesProps } from "./Panes";
+export { default as Panes } from "./Panes";
+export type { AddPanesItemOptions, PanesDirection, PanesGroup, PanesIntent, PanesLayout, PanesNode, PanesPath, PanesPathSegment, PanesSide, PanesSplit, } from "./panes-layout";
+export { activatePanesItem, addPanesItem, applyPanesIntent, createPanesLayout, isPanesItemVisible, PANES_LAYOUT_VERSION, parsePanesLayout, reconcilePanesLayout, removePanesItem, resizePanesSplit, } from "./panes-layout";
+export type { ScrollAreaProps } from "./ScrollArea";
+export { default as ScrollArea } from "./ScrollArea";
+export type { SettingsFieldControlProps, SettingsFieldProps, SettingsGroupActionProps, SettingsGroupProps, SettingsPageProps, SettingsPanelFooterProps, SettingsSaveBarProps, SettingsSectionProps, } from "./Settings";
+export { readSettingsError, SettingsField, SettingsGroup, SettingsPage, SettingsPanelFooter, SettingsSaveBar, SettingsSection, sameSettingValue, } from "./Settings";
+export type { SettingsCollectionActionProps, SettingsCollectionItemActionsProps, SettingsCollectionItemProps, SettingsCollectionItemReorderProps, SettingsCollectionItemStatusProps, SettingsCollectionProps, } from "./SettingsCollection";
+export { default as SettingsCollection } from "./SettingsCollection";
+export type { SettingsModalFooterProps, SettingsModalGroupProps, SettingsModalProps, SettingsModalTabProps, SettingsModalTabTone, } from "./SettingsModal";
+export { default as SettingsModal } from "./SettingsModal";

package/dist/types/layout/panes-layout.d.ts

@@ -0,0 +1,63 @@
+export declare const PANES_LAYOUT_VERSION: 2;
+export declare const PANES_MIN_RATIO = 0.08;
+export declare const PANES_MAX_ID_LENGTH = 160;
+export type PanesDirection = "horizontal" | "vertical";
+export type PanesSide = "left" | "right" | "top" | "bottom";
+export type PanesPathSegment = "first" | "second";
+export type PanesPath = readonly PanesPathSegment[];
+export type PanesGroup = {
+    type: "group";
+    items: string[];
+    active: string;
+};
+export type PanesSplit = {
+    type: "split";
+    direction: PanesDirection;
+    ratio: number;
+    first: PanesNode;
+    second: PanesNode;
+};
+export type PanesNode = PanesGroup | PanesSplit;
+export type PanesLayout = {
+    version: typeof PANES_LAYOUT_VERSION;
+    root: PanesNode | null;
+};
+export type PanesIntent = {
+    type: "tab";
+    itemId: string;
+    targetItemId: string;
+    beforeItemId: string | null;
+} | {
+    type: "split";
+    itemId: string;
+    targetItemId: string;
+    side: PanesSide;
+};
+export type PanesDropTarget = {
+    id: string;
+    kind: "tab" | "group" | "split";
+    targetItemId: string;
+    beforeItemId?: string | null;
+    side?: PanesSide;
+    intent: PanesIntent;
+};
+export type PanesDropTargetOptions = {
+    movable: boolean;
+    split: false | PanesDirection | "both";
+};
+export declare const parsePanesLayout: (value: unknown) => PanesLayout | null;
+export declare const createPanesLayout: (itemIds: readonly string[]) => PanesLayout;
+export declare const activatePanesItem: (layout: PanesLayout, itemId: string) => PanesLayout;
+export declare const isPanesItemVisible: (layout: PanesLayout, itemId: string) => boolean;
+export declare const removePanesItem: (layout: PanesLayout, itemId: string) => PanesLayout;
+export type AddPanesItemOptions = {
+    itemId: string;
+    targetItemId: string | null;
+    beforeItemId?: string | null;
+};
+export declare const addPanesItem: (layout: PanesLayout, options: AddPanesItemOptions) => PanesLayout;
+export declare const applyPanesIntent: (layout: PanesLayout, intent: PanesIntent) => PanesLayout;
+export declare const reconcilePanesLayout: (layout: PanesLayout, desiredOpenItemIds: readonly string[]) => PanesLayout;
+export declare const resizePanesSplit: (layout: PanesLayout, path: PanesPath, ratio: number) => PanesLayout;
+export declare const samePanesIntent: (left: PanesIntent | null, right: PanesIntent | null) => boolean;
+export declare const getPanesDropTargets: (layout: PanesLayout, itemId: string, options: PanesDropTargetOptions) => PanesDropTarget[];

package/dist/types/layout/stable-id.d.ts

@@ -0,0 +1,3 @@
+export declare const isStableUiId: (value: unknown, maxLength?: number) => value is string;
+export declare const assertStableUiId: (value: string, label: string, maxLength?: number) => string;
+export declare const assertUniqueStableUiIds: (values: readonly string[], label: string, maxLength?: number) => void;

package/dist/types/semantics.d.ts

@@ -0,0 +1,4 @@
+/** Semantic intent for user-facing feedback and actions. */
+export type IntentTone = "neutral" | "info" | "success" | "warning" | "danger";
+/** Deliberately small accent palette for data and identity presentation. */
+export type AccentColor = "zinc" | "blue" | "emerald" | "amber" | "red";

package/dist/types/surfaces/Avatar.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type AvatarProps = {
+    name: string;
+    src?: string | null;
+    icon?: string;
+    alt?: string;
+    fallback?: string;
+    size?: AvatarSize;
+    loading?: "eager" | "lazy";
+    class?: string;
+    style?: JSX.CSSProperties | string;
+};
+export declare function Avatar(props: AvatarProps): JSX.Element;

package/dist/types/surfaces/DescriptionList.d.ts

@@ -0,0 +1,17 @@
+import { type JSX } from "solid-js";
+export type DescriptionListItem = {
+    term: JSX.Element;
+    description: JSX.Element;
+    action?: JSX.Element;
+};
+export type DescriptionListProps = {
+    items: readonly DescriptionListItem[];
+    columns?: 1 | 2 | 3;
+    layout?: "grid" | "rows";
+    size?: "sm" | "md";
+    actionVisibility?: "always" | "progressive";
+    class?: string;
+};
+/** Semantic key-value content with predictable responsive density. */
+export declare function DescriptionList(props: DescriptionListProps): JSX.Element;
+export default DescriptionList;

package/dist/types/surfaces/LinkCard.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from "solid-js";
+export type LinkCardColor = "blue" | "emerald" | "violet" | "orange" | "red" | "amber" | "zinc" | "cyan" | "rose";
+export type LinkCardProps = {
+    href: string;
+    title: string;
+    description: string;
+    icon: string;
+    color: LinkCardColor;
+};
+export declare function LinkCard(props: LinkCardProps): JSX.Element;
+export default LinkCard;

package/dist/types/surfaces/NotFoundState.d.ts

@@ -0,0 +1,15 @@
+import { type JSX } from "solid-js";
+export type NotFoundStateAction = {
+    label: string;
+    href: string;
+    icon?: string;
+};
+export type NotFoundStateProps = {
+    code?: string;
+    title: string;
+    description?: string;
+    icon?: string;
+    action?: NotFoundStateAction;
+};
+export declare function NotFoundState(props: NotFoundStateProps): JSX.Element;
+export default NotFoundState;

package/dist/types/surfaces/NoticeCard.d.ts

@@ -0,0 +1,39 @@
+import { type JSX } from "solid-js";
+import type { IntentTone } from "../semantics";
+export type NoticeTone = Extract<IntentTone, "neutral" | "info" | "success" | "warning" | "danger">;
+type NoticeCardContentProps = {
+    title: JSX.Element;
+    detail?: JSX.Element;
+    children?: JSX.Element;
+} | {
+    title?: never;
+    detail?: never;
+    children: JSX.Element;
+};
+export type NoticeCardProps = Omit<JSX.HTMLAttributes<HTMLElement>, "children" | "class" | "title"> & NoticeCardContentProps & {
+    tone?: NoticeTone;
+    icon?: string | false;
+    class?: string;
+    bodyClass?: string;
+};
+export declare const NOTICE_CARD_CLASSES: {
+    readonly root: "k2b-notice-card";
+    readonly inner: "k2b-notice-card__inner";
+    readonly icon: "k2b-notice-card__icon";
+    readonly content: "k2b-notice-card__content";
+    readonly title: "k2b-notice-card__title";
+    readonly description: "k2b-notice-card__description";
+    readonly body: "k2b-notice-card__body";
+};
+export declare const NOTICE_CARD_ICONS: Readonly<Record<NoticeTone, string>>;
+declare function NoticeCardComponent(props: NoticeCardProps): JSX.Element;
+export type NoticeGridProps<T> = {
+    items: readonly T[];
+    children: (item: T) => JSX.Element;
+    class?: string;
+};
+declare function NoticeGrid<T>(props: NoticeGridProps<T>): JSX.Element;
+export declare const NoticeCard: typeof NoticeCardComponent & {
+    Grid: typeof NoticeGrid;
+};
+export default NoticeCard;

package/dist/types/surfaces/Paper.d.ts

@@ -0,0 +1,13 @@
+import { type JSX } from "solid-js";
+export type PaperTag = "div" | "section" | "article" | "a";
+type PaperOwnProps<T extends PaperTag> = {
+    as?: T;
+    children?: JSX.Element;
+    class?: string;
+    elevated?: boolean;
+    interactive?: boolean;
+    tabIndex?: number;
+};
+export type PaperProps<T extends PaperTag = "div"> = PaperOwnProps<T> & Omit<JSX.IntrinsicElements[T], keyof PaperOwnProps<T>>;
+export declare function Paper<T extends PaperTag = "div">(props: PaperProps<T>): JSX.Element;
+export default Paper;

package/dist/types/surfaces/Placeholder.d.ts

@@ -0,0 +1,17 @@
+import { type JSX } from "solid-js";
+export type PlaceholderAlign = "center" | "left";
+export type PlaceholderSurface = "none" | "paper";
+export type PlaceholderState = "empty" | "loading" | "error";
+export type PlaceholderVariant = "compact" | "panel";
+export type PlaceholderProps = {
+    title?: JSX.Element;
+    description?: JSX.Element;
+    icon?: string;
+    action?: JSX.Element;
+    align?: PlaceholderAlign;
+    surface?: PlaceholderSurface;
+    state?: PlaceholderState;
+    variant?: PlaceholderVariant;
+    class?: string;
+};
+export default function Placeholder(props: PlaceholderProps): JSX.Element;

package/dist/types/surfaces/ProgressBar.d.ts

@@ -0,0 +1,13 @@
+import type { JSX } from "solid-js";
+import type { IntentTone } from "../semantics";
+export type ProgressBarTone = Extract<IntentTone, "info" | "success" | "danger">;
+export type ProgressBarProps = {
+    value: number;
+    size?: "xs" | "sm" | "md";
+    tone?: ProgressBarTone;
+    showValue?: boolean;
+    label: string;
+    class?: string;
+};
+export declare function ProgressBar(props: ProgressBarProps): JSX.Element;
+export default ProgressBar;

package/dist/types/surfaces/StatCell.d.ts

@@ -0,0 +1,22 @@
+import { type JSX } from "solid-js";
+import type { AccentColor } from "../semantics";
+import { type StatGridSize } from "./StatGrid";
+export type StatCellTone = AccentColor;
+export type StatCellAccent = {
+    tone: StatCellTone;
+    icon: string;
+    text?: string;
+};
+export type StatCellProps = {
+    label: string;
+    value: string | number | JSX.Element;
+    sub?: string;
+    valueClass?: string;
+    accent?: StatCellAccent;
+    href?: string;
+    title?: string;
+    trend?: readonly number[];
+    size?: StatGridSize;
+};
+export declare function StatCell(props: StatCellProps): JSX.Element;
+export default StatCell;

package/dist/types/surfaces/StatGrid.d.ts

@@ -0,0 +1,21 @@
+import { type JSX } from "solid-js";
+export type StatGridSize = "md" | "sm";
+export type StatGridSurface = "white" | "muted";
+export type StatGridColumns = 1 | 2 | 3 | 4 | 5 | 6;
+export type StatGridAction = {
+    label: string;
+    href: string;
+};
+export type StatGridProps = {
+    children: JSX.Element;
+    title?: string;
+    action?: StatGridAction;
+    columns?: StatGridColumns;
+    size?: StatGridSize;
+    surface?: StatGridSurface;
+    class?: string;
+};
+export declare const useStatGridSize: () => StatGridSize;
+export declare const useStatGridSurface: () => StatGridSurface;
+export declare function StatGrid(props: StatGridProps): JSX.Element;
+export default StatGrid;

package/dist/types/surfaces/StatusBadge.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+export type StatusTone = "ok" | "warning" | "error" | "degraded" | "running" | "neutral";
+export type StatusBadgeProps = {
+    tone: StatusTone;
+    label: JSX.Element;
+    icon?: string | null;
+    variant?: "chip" | "dot" | "text";
+    title?: string;
+    class?: string;
+};
+export declare function StatusBadge(props: StatusBadgeProps): JSX.Element;
+export default StatusBadge;

package/dist/types/surfaces/Tag.d.ts

@@ -0,0 +1,16 @@
+import { type JSX } from "solid-js";
+export type TagSize = "sm" | "md" | "lg";
+export type TagProps = {
+    children: JSX.Element;
+    color?: string | null;
+    icon?: string;
+    size?: TagSize;
+    selected?: boolean;
+    onRemove?: () => void;
+    removeLabel?: string;
+    disabled?: boolean;
+    class?: string;
+};
+/** Compact label presentation with optional color, icon, and remove action. */
+export declare function Tag(props: TagProps): JSX.Element;
+export default Tag;

package/dist/types/surfaces/index.d.ts

@@ -0,0 +1,24 @@
+export type { AvatarProps, AvatarSize } from "./Avatar";
+export { Avatar } from "./Avatar";
+export type { DescriptionListItem, DescriptionListProps } from "./DescriptionList";
+export { DescriptionList } from "./DescriptionList";
+export type { LinkCardColor, LinkCardProps } from "./LinkCard";
+export { LinkCard } from "./LinkCard";
+export type { NotFoundStateAction, NotFoundStateProps } from "./NotFoundState";
+export { NotFoundState } from "./NotFoundState";
+export type { NoticeCardProps, NoticeGridProps, NoticeTone } from "./NoticeCard";
+export { NOTICE_CARD_CLASSES, NOTICE_CARD_ICONS, NoticeCard } from "./NoticeCard";
+export type { PaperProps, PaperTag } from "./Paper";
+export { Paper } from "./Paper";
+export type { PlaceholderAlign, PlaceholderProps, PlaceholderState, PlaceholderSurface, PlaceholderVariant, } from "./Placeholder";
+export { default as Placeholder } from "./Placeholder";
+export type { ProgressBarProps, ProgressBarTone } from "./ProgressBar";
+export { ProgressBar } from "./ProgressBar";
+export type { StatCellAccent, StatCellProps, StatCellTone } from "./StatCell";
+export { StatCell } from "./StatCell";
+export type { StatGridAction, StatGridColumns, StatGridProps, StatGridSize, StatGridSurface, } from "./StatGrid";
+export { StatGrid } from "./StatGrid";
+export type { StatusBadgeProps, StatusTone } from "./StatusBadge";
+export { StatusBadge } from "./StatusBadge";
+export type { TagProps, TagSize } from "./Tag";
+export { Tag } from "./Tag";

package/dist/types/widgets/Widget.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+export type WidgetSize = "content" | "compact" | "standard";
+export type WidgetProps = {
+    title: string;
+    icon?: string;
+    href?: string;
+    meta?: string;
+    size?: WidgetSize;
+    children: JSX.Element;
+};
+export declare function Widget(props: WidgetProps): JSX.Element;
+export default Widget;

package/dist/types/widgets/WidgetHero.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from "solid-js";
+import type { AccentColor } from "../semantics";
+export type WidgetTone = AccentColor;
+export type WidgetHeroProps = {
+    title: string;
+    subtitle?: string;
+    icon?: string;
+    tone?: WidgetTone;
+};
+export declare function WidgetHero(props: WidgetHeroProps): JSX.Element;
+export default WidgetHero;

package/dist/types/widgets/WidgetList.d.ts

@@ -0,0 +1,17 @@
+import { type JSX } from "solid-js";
+import type { WidgetTone } from "./WidgetHero";
+export type WidgetListItem = {
+    icon?: string;
+    iconTone?: WidgetTone;
+    label: string;
+    sub?: string;
+    meta?: string;
+    href?: string;
+};
+export type WidgetListProps = {
+    items: readonly WidgetListItem[];
+    emptyMessage?: string;
+    grow?: boolean;
+};
+export declare function WidgetList(props: WidgetListProps): JSX.Element;
+export default WidgetList;

package/dist/types/widgets/WidgetPills.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+import type { WidgetTone } from "./WidgetHero";
+export type WidgetPill = {
+    label: string;
+    value: string | number;
+    tone?: WidgetTone;
+    href?: string;
+};
+export type WidgetPillsProps = {
+    pills: readonly WidgetPill[];
+    grow?: boolean;
+};
+export declare function WidgetPills(props: WidgetPillsProps): JSX.Element;
+export default WidgetPills;

package/dist/types/widgets/WidgetStat.d.ts

@@ -0,0 +1,17 @@
+import { type JSX } from "solid-js";
+import type { WidgetTone } from "./WidgetHero";
+export type WidgetStatAccent = {
+    tone: WidgetTone;
+    icon: string;
+    text?: string;
+};
+export type WidgetStatProps = {
+    value: string | number;
+    label: string;
+    sub?: string;
+    valueClass?: string;
+    accent?: WidgetStatAccent;
+    grow?: boolean;
+};
+export declare function WidgetStat(props: WidgetStatProps): JSX.Element;
+export default WidgetStat;

package/dist/types/widgets/WidgetStatus.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+import type { IntentTone } from "../semantics";
+export type WidgetStatusTone = Extract<IntentTone, "info" | "success" | "warning" | "danger">;
+export type WidgetStatusProps = {
+    tone: WidgetStatusTone;
+    title: string;
+    message?: string;
+    icon?: string;
+    grow?: boolean;
+};
+export declare function WidgetStatus(props: WidgetStatusProps): JSX.Element;
+export default WidgetStatus;

package/dist/types/widgets/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Widget";
+export * from "./WidgetHero";
+export * from "./WidgetList";
+export * from "./WidgetPills";
+export * from "./WidgetStat";
+export * from "./WidgetStatus";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.1.0-rc.0",
+  "version": "0.1.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",