@k2b/ui 0.18.0 → 0.20.0

package/dist/types/inputs/emoji/emoji-index.d.ts

@@ -0,0 +1,109 @@
+/**
+ * The emoji dataset behind `EmojiPicker` and the composer's `:shortcode` completion. The data (about 80 kB compressed)
+ * loads on first use, so a page that never opens either does not download it.
+ */
+/** `0` is the default yellow; `1` (light) to `5` (dark) are the Fitzpatrick modifiers. */
+export type EmojiSkinTone = 0 | 1 | 2 | 3 | 4 | 5;
+export declare const EMOJI_SKIN_TONES: readonly EmojiSkinTone[];
+/** The groups in their order. Emojibase numbers them 0 to 9; 2 holds skin-tone parts and never appears. */
+export declare const EMOJI_GROUPS: readonly [{
+    readonly id: 0;
+    readonly key: "smileys";
+    readonly icon: "ti ti-mood-smile";
+}, {
+    readonly id: 1;
+    readonly key: "people";
+    readonly icon: "ti ti-hand-stop";
+}, {
+    readonly id: 3;
+    readonly key: "animals";
+    readonly icon: "ti ti-paw";
+}, {
+    readonly id: 4;
+    readonly key: "food";
+    readonly icon: "ti ti-tools-kitchen-2";
+}, {
+    readonly id: 5;
+    readonly key: "travel";
+    readonly icon: "ti ti-plane";
+}, {
+    readonly id: 6;
+    readonly key: "activities";
+    readonly icon: "ti ti-ball-football";
+}, {
+    readonly id: 7;
+    readonly key: "objects";
+    readonly icon: "ti ti-bulb";
+}, {
+    readonly id: 8;
+    readonly key: "symbols";
+    readonly icon: "ti ti-heart";
+}, {
+    readonly id: 9;
+    readonly key: "flags";
+    readonly icon: "ti ti-flag";
+}];
+export type EmojiGroupKey = (typeof EMOJI_GROUPS)[number]["key"];
+export type EmojiEntry = {
+    emoji: string;
+    group: number;
+    /** The light variant; the other tones swap its modifier. Absent for emoji without skin tones. */
+    light?: string;
+    name: {
+        en: string;
+        de: string;
+    };
+    shortcodes: readonly string[];
+    /** Normalized names, keywords and shortcodes for search. */
+    search: {
+        names: readonly string[];
+        keywords: readonly string[];
+        shortcodes: readonly string[];
+        words: readonly string[];
+    };
+};
+export type EmojiIndex = {
+    entries: readonly EmojiEntry[];
+    /** Every emoji and skin-tone variant, without presentation selectors, to its entry. Look up with `findEmoji`. */
+    byEmoji: ReadonlyMap<string, EmojiEntry>;
+    byShortcode: ReadonlyMap<string, EmojiEntry>;
+};
+/** Lower case without accents, so "lacheln", "laecheln" and "Lächeln" meet; `_` and `-` separate words. */
+export declare const normalizeEmojiQuery: (value: string) => string;
+export declare const parseEmojiData: (data: string) => EmojiIndex;
+/** Loads and indexes the dataset once. A failed load is retried on the next call. */
+export declare const loadEmojiIndex: () => Promise<EmojiIndex>;
+/** The entry of an emoji in any skin tone, with or without presentation selectors. */
+export declare const findEmoji: (index: EmojiIndex, emoji: string) => EmojiEntry | undefined;
+/** The emoji in `tone`; emoji without skin tones stay as they are. */
+export declare const emojiInTone: (entry: EmojiEntry, tone: EmojiSkinTone) => string;
+/** The name in the render language: German for `de` locales, English otherwise. */
+export declare const emojiName: (entry: EmojiEntry, locale: string) => string;
+/** Matches in English and German names, keywords and shortcodes, best first and otherwise in Unicode order. */
+export declare const searchEmoji: (index: EmojiIndex, query: string, limit?: number) => EmojiEntry[];
+/**
+ * The suggestions for a `:shortcode` being typed. Only the start of a shortcode, name, word or keyword counts, and a
+ * leading sign must start a shortcode, as in `:+1` and `:-1`: emoticons such as `:DD`, `:-D` or `:-P` find nothing,
+ * so Enter still sends them.
+ */
+export declare const suggestEmoji: (index: EmojiIndex, query: string, limit: number) => EmojiEntry[];
+/** As many recent emoji as the picker shows: three rows. */
+export declare const RECENT_EMOJI_LIMIT = 24;
+/** The recent list after `emoji` was used: it moves to the front, once, and the oldest drop off. */
+export declare const rememberEmoji: (recent: readonly string[], emoji: string) => string[];
+export type EmojiShortcodeQuery = {
+    start: number;
+    end: number;
+    query: string;
+};
+/**
+ * The `:shortcode` being typed at the caret: a colon at the start or after a space or "(", then at least two letters,
+ * digits, "_", "+" or "-". Code, URLs ("https://") and times ("10:30") are no queries.
+ */
+export declare const emojiShortcodeQuery: (text: string, caret: number, selectionEnd?: number) => EmojiShortcodeQuery | null;
+/** A complete `:shortcode:` just typed at the caret, such as `:thumbsup:`, with its range. */
+export declare const completedEmojiShortcode: (text: string, caret: number) => {
+    start: number;
+    end: number;
+    shortcode: string;
+} | null;

package/dist/types/inputs/emoji/emoji-messages.d.ts

@@ -0,0 +1,30 @@
+/** The picker's own strings. They live with the picker, so pages without it do not carry them. */
+declare const emojiMessages: import("@k2b/stdlib").Catalog<{
+    emojiPicker: string;
+    emojiSearch: string;
+    emojiGroups: string;
+    emojiRecent: string;
+    emojiSmileys: string;
+    emojiPeople: string;
+    emojiAnimals: string;
+    emojiFood: string;
+    emojiTravel: string;
+    emojiActivities: string;
+    emojiObjects: string;
+    emojiSymbols: string;
+    emojiFlags: string;
+    emojiSkinTone: string;
+    emojiToneDefault: string;
+    emojiToneLight: string;
+    emojiToneMediumLight: string;
+    emojiToneMedium: string;
+    emojiToneMediumDark: string;
+    emojiToneDark: string;
+    emojiNoResults: string;
+    emojiLoadFailed: string;
+}>;
+export type EmojiMessages = ReturnType<(typeof emojiMessages)["resolve"]>["t"];
+/** Resolved from the inherited render locale, like the rest of @k2b/ui. */
+export declare const useEmojiMessages: () => (() => EmojiMessages);
+export declare const checkEmojiMessages: () => import("@k2b/stdlib").CatalogIssue[];
+export {};

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

@@ -6,6 +6,8 @@ export type { CheckboxProps } from "./Checkbox";
 export { Checkbox } from "./Checkbox";
 export type { CheckboxCardProps } from "./CheckboxCard";
 export { CheckboxCard } from "./CheckboxCard";
+export type { ChoiceChipOption, ChoiceChipsProps } from "./ChoiceChips";
+export { ChoiceChips } from "./ChoiceChips";
 export type { ColorInputProps, PinInputProps, SliderProps, } from "./ChoiceInputs";
 export { ColorInput, PinInput, Slider } from "./ChoiceInputs";
 export type { ComboboxOption, ComboboxProps } from "./Combobox";
@@ -15,6 +17,10 @@ export type { Completion, QueryContext, SuggestContext, Suggestion, } from "./co
 export { abbreviations } from "./completion";
 export type { DatePickerBaseProps, DatePickerProps, DatePreset, DateRangePickerProps, DateRangeValue, DateTimePickerProps, DurationPreset, } from "./DatePicker";
 export { DatePicker, DateRangePicker, DateTimePicker } from "./DatePicker";
+export type { EmojiPickerPopoverProps, EmojiPickerProps } from "./emoji/EmojiPicker";
+export { EmojiPicker } from "./emoji/EmojiPicker";
+export type { EmojiSkinTone } from "./emoji/emoji-index";
+export { rememberEmoji } from "./emoji/emoji-index";
 export type { FileDropDetails, FileDropOptions, FileDropRejection, FileDropTargetProps } from "./FileDropTarget";
 export { FileDropTarget, fileDropTarget } from "./FileDropTarget";
 export type { FileDropzoneProps, ImageCropperProps, ImageInputProps } from "./FileInputs";
@@ -35,10 +41,14 @@ export type { ChoiceAppearance, SelectGridSize, SelectGroup, SelectOption, Selec
 export { Select } from "./Select";
 export type { SelectChipOption, SelectChipProps } from "./SelectChip";
 export { SelectChip } from "./SelectChip";
+export type { SignatureInputProps } from "./SignatureInput";
+export { SignatureInput } from "./SignatureInput";
 export type { IconInputProps, IconOption } from "./SpecialInputs";
 export { IconInput } from "./SpecialInputs";
 export type { SwitchProps } from "./Switch";
 export { Switch } from "./Switch";
+export type { SignaturePngOptions, SignatureValue } from "./signature";
+export { parseSignature, signatureToPng } from "./signature";
 export type { TagEditorItem, TagEditorLabels, TagEditorProps, TagEditorValue } from "./TagEditor";
 export { TagEditor } from "./TagEditor";
 export type { TagsInputProps } from "./TagsInput";

package/dist/types/inputs/markdown/actions.d.ts

@@ -1,6 +1,8 @@
 export declare const toggleBold: (textarea: HTMLTextAreaElement) => void;
 export declare const toggleItalic: (textarea: HTMLTextAreaElement) => void;
 export declare const toggleCode: (textarea: HTMLTextAreaElement) => void;
+/** Wraps the selection in `marker`, or unwraps it; without a selection the caret lands between two markers. */
+export declare const toggleInlineMarker: (textarea: HTMLTextAreaElement, marker: string) => void;
 export declare const insertLink: (textarea: HTMLTextAreaElement, url?: string) => void;
 export declare const toggleHeading: (textarea: HTMLTextAreaElement, level: 1 | 2 | 3) => void;
 export declare const toggleBulletList: (textarea: HTMLTextAreaElement) => void;

package/dist/types/inputs/markdown/code-zone.d.ts

@@ -1 +1,8 @@
+/** Whether `line` closes a block that `marker` opened: the same character, at least as many, nothing after it. */
+export declare const closesCodeFence: (line: string, marker: string) => boolean;
+/** The fenced code block that is still open at `position`, judged by the text before it: its opening line's start and marker. */
+export declare const openCodeFence: (text: string, position: number) => {
+    start: number;
+    marker: string;
+} | null;
 export declare const isInCodeZone: (text: string, position: number) => boolean;

package/dist/types/inputs/signature-messages.d.ts

@@ -0,0 +1,11 @@
+export declare const useSignatureMessages: () => () => {
+    method: string;
+    draw: string;
+    type: string;
+    signHere: string;
+    drawArea: string;
+    drawn: string;
+    typeName: string;
+    undo: string;
+};
+export declare const checkSignatureMessages: () => import("@k2b/stdlib").CatalogIssue[];

package/dist/types/inputs/signature.d.ts

@@ -0,0 +1,72 @@
+/**
+ * A signature as the field reports it. `kind` records how it was given, so the
+ * application can keep that fact next to the image. `svg` is a standalone SVG
+ * document whose ink uses `currentColor`, so it renders black as an image. A
+ * value that arrives from a browser is untrusted input: read it with
+ * `parseSignature` before storing or embedding it.
+ */
+export type SignatureValue = {
+    kind: "drawn";
+    svg: string;
+} | {
+    kind: "typed";
+    name: string;
+    svg: string;
+};
+/** One sampled pointer position in drawing units, with a pressure from 0 to 1. */
+export type SignaturePoint = {
+    x: number;
+    y: number;
+    pressure: number;
+};
+/** The drawing space as an SVG viewBox and one closed outline path per stroke. */
+export type SignatureDrawing = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    strokes: readonly string[];
+};
+/** Escapes text for XML content or attributes and drops characters XML cannot hold, so the document stays well-formed. */
+export declare const escapeXml: (text: string) => string;
+/** The name as a typed signature stores it: without characters an SVG cannot hold and without surrounding space. */
+export declare const signatureName: (name: string) => string;
+/** Stroke width in drawing units at a pressure: light pressure still leaves a readable line. */
+export declare const strokeWidth: (size: number, pressure: number) => number;
+/**
+ * Turns sampled points into one filled outline: both edges follow the points at
+ * half the local stroke width and are smoothed through their midpoints, and
+ * round caps close the ends. A filled outline, unlike a stroked path, can change
+ * width along the line, so pen pressure and drawing speed show in the ink.
+ */
+export declare const strokeOutline: (points: readonly SignaturePoint[], size: number) => string;
+/** Serializes a drawing as a standalone SVG document; an empty drawing has no value. */
+export declare const drawingToSvg: (drawing: SignatureDrawing) => string | null;
+/** Reads the drawing space and strokes back from an SVG drawingToSvg wrote, so a stored signature can be extended or undone. */
+export declare const svgToDrawing: (svg: string) => SignatureDrawing | null;
+/**
+ * Lays out a typed name as an SVG document in the given font family. `measure`
+ * returns the text width at `TYPED_FONT_SIZE`; without one, the width is estimated.
+ */
+export declare const typedToSvg: (name: string, fontFamily: string, measure?: (text: string, font: string) => number | undefined) => string;
+/**
+ * Reads a submitted signature on the server: the JSON string of the field's
+ * hidden input, or a value the browser sent as JSON. It accepts only markup
+ * the field writes and returns it rebuilt, so the result is safe to store and
+ * to embed. An empty or invalid value returns `null`.
+ */
+export declare const parseSignature: (input: unknown) => SignatureValue | null;
+export type SignaturePngOptions = {
+    /** Device pixels per SVG unit. Defaults to `2`. */
+    scale?: number;
+    /** Ink colour. Defaults to `"#000000"`. */
+    color?: string;
+    /** Background fill. Defaults to transparent. */
+    background?: string;
+};
+/**
+ * Rasterizes a signature into a PNG data URL in the browser, for a document or
+ * service that needs a bitmap. A typed signature renders with the fonts
+ * installed on this device: an SVG image cannot use the page's web fonts.
+ */
+export declare const signatureToPng: (value: SignatureValue, options?: SignaturePngOptions) => Promise<string>;

package/dist/types/internal/render-error.d.ts

@@ -0,0 +1,13 @@
+import { type JSX } from "solid-js";
+/**
+ * Guards a Solid root that @k2b/ui creates itself, such as a dialog or a floating window. These roots are mostly
+ * opened from a click handler, outside any owner and any island boundary. Without a boundary of their own, content
+ * that throws on an update throws into the code that wrote the signal and leaves other parts of the page stale.
+ * The content is created untracked, as `render()` and components create it, so a signal it reads directly does not
+ * rebuild it. `onClose` adds a Close button for a root whose content draws its own close control.
+ */
+export declare function RenderErrorBoundary(props: {
+    content: () => JSX.Element;
+    onClose?: () => void;
+    onError?: () => void;
+}): JSX.Element;

package/dist/types/intl/messages.d.ts

@@ -49,6 +49,7 @@ declare const uiMessages: import("@k2b/stdlib").Catalog<{
     copy: string;
     closeLightbox: string;
     couldNotLoadData: string;
+    couldNotDisplayContent: string;
     datePicker: string;
     dataTable: string;
     datePresets: string;
@@ -195,6 +196,28 @@ declare const uiMessages: import("@k2b/stdlib").Catalog<{
         start: string;
         end: string;
     }) => string;
+    timeline: string;
+    timelineHint: string;
+    timelineTimeRange: ({ start, end }: {
+        start: string;
+        end: string;
+    }) => string;
+    timelineDone: string;
+    timelineOpen: string;
+    timelineNight: ({ start, end }: {
+        start: string;
+        end: string;
+    }) => string;
+    timelineNothingPlanned: string;
+    timelineFree: ({ duration }: {
+        duration: string;
+    }) => string;
+    timelineMore: ({ count }: {
+        count: number;
+    }) => string;
+    timelineNow: ({ time }: {
+        time: string;
+    }) => string;
     today: string;
     day: string;
     week: string;
@@ -258,6 +281,10 @@ declare const uiMessages: import("@k2b/stdlib").Catalog<{
         time: string;
     }) => string;
     messageStop: string;
+    resourceUntitled: string;
+    resourceNoAccess: string;
+    resourceDeleted: string;
+    resourceUnavailable: string;
     conversationMessages: ({ label }: {
         label: string;
     }) => string;
@@ -371,6 +398,13 @@ declare const uiMessages: import("@k2b/stdlib").Catalog<{
         label: string;
     }) => string;
     rowAction: string;
+    sidebarUnread: ({ count }: {
+        count: number;
+    }) => string;
+    sidebarUnreadMany: string;
+    sidebarNewActivity: string;
+    sidebarMentioned: string;
+    sidebarMuted: string;
     addToNamed: ({ name }: {
         name: string;
     }) => string;
@@ -407,6 +441,8 @@ declare const uiMessages: import("@k2b/stdlib").Catalog<{
         status: number;
     }) => string;
     pdfPreviewTabBlocked: string;
+    pdfPreviewNoViewer: string;
+    pdfPreviewNoViewerDescription: string;
     pdfPreviewRendering: string;
     pickIcon: string;
     postMessage: string;
@@ -418,6 +454,21 @@ declare const uiMessages: import("@k2b/stdlib").Catalog<{
     sending: string;
     steering: string;
     writeMessage: string;
+    writeConversationMessage: string;
+    composerFormatting: string;
+    insertEmoji: string;
+    emojiSuggestions: string;
+    dictate: string;
+    dictateOrHold: string;
+    stopDictation: string;
+    microphoneOptions: string;
+    recordVoiceMessage: string;
+    dictationListening: string;
+    dictationRefining: string;
+    dictationRefined: string;
+    dictationUnrefined: string;
+    dictationInterrupted: string;
+    restoreOriginal: string;
     openInNewTab: ({ name }: {
         name: string;
     }) => string;

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

@@ -228,6 +228,22 @@ export type AppWorkspaceSidebarItemActionsProps = {
     children: JSX.Element;
     visibility?: AppWorkspaceSidebarAccessoryVisibility;
 };
+/**
+ * Unread state for the trailing `meta` slot. Every mark keeps a fixed width,
+ * so the row keeps its height and the label its start in every state.
+ */
+export type AppWorkspaceSidebarItemStatusProps = {
+    /**
+     * A positive number shows a count (above 99 as "99+") and sets the label in
+     * a stronger weight; `true` shows a quiet dot for new activity that should
+     * not draw attention, such as in a muted conversation.
+     */
+    unread?: number | boolean;
+    /** Marks unread items that mention the person with "@". */
+    mention?: boolean;
+    /** Shows a muted bell. */
+    muted?: boolean;
+};
 export type AppWorkspaceNavTreeProps = {
     children: JSX.Element;
     ariaLabel: string;
@@ -310,6 +326,7 @@ type AppWorkspaceComponent = ((props: AppWorkspaceProps) => JSX.Element) & {
     SidebarItemMeta: (props: AppWorkspaceSidebarItemMetaProps) => JSX.Element;
     SidebarItemAction: (props: AppWorkspaceSidebarItemActionProps) => JSX.Element;
     SidebarItemActions: (props: AppWorkspaceSidebarItemActionsProps) => JSX.Element;
+    SidebarItemStatus: (props: AppWorkspaceSidebarItemStatusProps) => JSX.Element;
     NavTree: AppWorkspaceNavTreeComponent;
     SidebarIconGrid: (props: AppWorkspaceSidebarIconGridProps) => JSX.Element;
     SidebarIconAction: (props: AppWorkspaceSidebarIconActionProps) => JSX.Element;

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

@@ -7,5 +7,7 @@ export declare function SidebarItemPreview(props: {
     trigger?: "action" | "row";
     align?: "center" | "end";
     viewportSize?: ScrollAreaProps["viewportSize"];
+    /** The row's metadata; a row trigger, named by `label`, keeps it as its description. */
+    describedBy?: string;
     onOpenChange?: (open: boolean) => void;
 }): JSX.Element;

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

@@ -1,6 +1,6 @@
 export type { AppOverviewCardsProps, AppOverviewEmptyStateProps, AppOverviewPanelProps, AppOverviewProps, } from "./AppOverview";
 export { default as AppOverview } from "./AppOverview";
-export type { AppWorkspaceBottomDrawerHeight, AppWorkspaceBottomDrawerProps, AppWorkspaceContentProps, AppWorkspaceDetailProps, AppWorkspaceDetailWidth, AppWorkspaceMainPaneProps, AppWorkspaceMainProps, AppWorkspaceNavTreeItemProps, AppWorkspaceNavTreeMove, AppWorkspaceNavTreeProps, AppWorkspaceProps, AppWorkspaceSidebarAccessoryVisibility, AppWorkspaceSidebarBodyProps, AppWorkspaceSidebarIconActionProps, AppWorkspaceSidebarIconActionTone, AppWorkspaceSidebarIconGridProps, AppWorkspaceSidebarItemActionProps, AppWorkspaceSidebarItemActionsProps, AppWorkspaceSidebarItemIconProps, AppWorkspaceSidebarItemLabelProps, AppWorkspaceSidebarItemMetaProps, AppWorkspaceSidebarItemProps, AppWorkspaceSidebarItemTone, AppWorkspaceSidebarProps, AppWorkspaceSidebarSectionProps, AppWorkspaceSidebarVisibility, } from "./AppWorkspace";
+export type { AppWorkspaceBottomDrawerHeight, AppWorkspaceBottomDrawerProps, AppWorkspaceContentProps, AppWorkspaceDetailProps, AppWorkspaceDetailWidth, AppWorkspaceMainPaneProps, AppWorkspaceMainProps, AppWorkspaceNavTreeItemProps, AppWorkspaceNavTreeMove, AppWorkspaceNavTreeProps, AppWorkspaceProps, AppWorkspaceSidebarAccessoryVisibility, AppWorkspaceSidebarBodyProps, AppWorkspaceSidebarIconActionProps, AppWorkspaceSidebarIconActionTone, AppWorkspaceSidebarIconGridProps, AppWorkspaceSidebarItemActionProps, AppWorkspaceSidebarItemActionsProps, AppWorkspaceSidebarItemIconProps, AppWorkspaceSidebarItemLabelProps, AppWorkspaceSidebarItemMetaProps, AppWorkspaceSidebarItemProps, AppWorkspaceSidebarItemStatusProps, AppWorkspaceSidebarItemTone, AppWorkspaceSidebarProps, AppWorkspaceSidebarSectionProps, AppWorkspaceSidebarVisibility, } from "./AppWorkspace";
 export { default as AppWorkspace } from "./AppWorkspace";
 export type { AppWorkspaceControllerOptions } from "./app-workspace-controller";
 export { installAppWorkspaceController } from "./app-workspace-controller";

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

@@ -0,0 +1,31 @@
+import { type JSX } from "solid-js";
+/**
+ * What a card can show of the element it stands for: the element itself, a placeholder while it is being looked up, or
+ * why it cannot be shown.
+ */
+export type ResourceCardState = "ok" | "loading" | "no_access" | "deleted" | "unavailable";
+export type ResourceCardProps = {
+    /** Defaults to `"ok"`. Every state has the same size, so a card that changes state moves nothing around it. */
+    state?: ResourceCardState;
+    /** The element's name. Shown only in state `"ok"`, as "Untitled" when blank, so a card that opens always has a name. */
+    title?: string;
+    /** Icon class of the element's kind, for example `ti ti-notebook`. Shown only in state `"ok"`. */
+    icon?: string;
+    /** What the element belongs to, for example the application or service. Shown only in state `"ok"`. */
+    source?: string;
+    /** Where the element lives within its source, for example a folder or a project. Shown only in state `"ok"`. */
+    location?: string;
+    /** One line of plain text from the element. Shown only in state `"ok"`. */
+    preview?: string;
+    /** Opens the element, for example in a panel. Takes precedence over `href`. Only in state `"ok"`. */
+    onOpen?: () => void;
+    /** Opens the element. Absolute `https` or `http`, or relative. Only in state `"ok"`. */
+    href?: string;
+    class?: string;
+};
+/**
+ * A card for an element that something refers to, such as a task or a document, with the same size in every state.
+ * Outside state `"ok"`, it shows none of the element's fields and opens nothing, whatever the caller passes.
+ */
+export declare function ResourceCard(props: ResourceCardProps): JSX.Element;
+export default ResourceCard;

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

@@ -16,6 +16,8 @@ export type { ProgressBarProps, ProgressBarTone } from "./ProgressBar";
 export { ProgressBar } from "./ProgressBar";
 export type { ProgressRingProps, ProgressRingTone } from "./ProgressRing";
 export { ProgressRing } from "./ProgressRing";
+export type { ResourceCardProps, ResourceCardState } from "./ResourceCard";
+export { ResourceCard } from "./ResourceCard";
 export type { StatCellAccent, StatCellProps, StatCellTone } from "./StatCell";
 export { StatCell } from "./StatCell";
 export type { StatGridAction, StatGridColumns, StatGridProps, StatGridSize, StatGridSurface, } from "./StatGrid";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",
@@ -38,31 +38,32 @@
     "fixture:build": "bun run build && NODE_ENV=production bun run fixture/scripts/build.ts",
     "fixture:typecheck": "tsc -p fixture/tsconfig.json --noEmit --pretty false",
     "test": "bun run build && bun test --path-ignore-patterns '**/*.behavior.test.*' src scripts && bun run scripts/check-packed-consumer.ts",
-    "typecheck": "tsc -p tsconfig.json --noEmit --pretty false && bun run check:declarations && bun run typecheck:dom",
+    "typecheck": "tsc --checkers 2 -p tsconfig.json --noEmit --pretty false && bun run check:declarations && bun run typecheck:dom",
     "typecheck:dom": "tsc -p test/tsconfig.json --noEmit --pretty false",
     "prepack": "bun run build"
   },
   "dependencies": {
     "@fontsource/ibm-plex-mono": "5.3.0",
     "@fontsource/ibm-plex-sans": "5.3.0",
-    "@k2b/stdlib": "0.27.0",
+    "@k2b/stdlib": "0.28.0",
     "@tabler/icons-webfont": "3.48.0",
     "marked": "18.0.14",
     "qr-scanner": "1.4.2"
   },
   "peerDependencies": {
-    "@k2b/ssr": "^0.12.0 || ^0.13.0 || ^0.14.0",
+    "@k2b/ssr": "^0.12.0 || ^0.13.0 || ^0.14.0 || ^0.15.0",
     "solid-js": "^1.9.10"
   },
   "devDependencies": {
     "@babel/core": "8.0.6",
     "@babel/preset-typescript": "8.0.1",
-    "@k2b/ssr": "0.14.0",
+    "@k2b/ssr": "0.15.0",
     "@types/babel__core": "7.20.5",
     "@types/bun": "1.4.2",
     "axe-core": "4.11.0",
     "babel-preset-solid": "1.9.15",
     "bun-plugin-tailwind": "0.1.2",
+    "emojibase-data": "17.0.0",
     "happy-dom": "20.14.5",
     "hono": "4.13.9",
     "playwright": "1.63.0",