@dorsk/tsumikit 0.35.1 → 0.37.0

package/dist/index.js

@@ -13,6 +13,7 @@ export { default as Button } from './components/atoms/Button.svelte';
 export { default as Card } from './components/atoms/Card.svelte';
 export { default as Checkbox } from './components/atoms/Checkbox.svelte';
 export { default as Dot } from './components/atoms/Dot.svelte';
+export { default as Gauge } from './components/atoms/Gauge.svelte';
 export { default as Heading } from './components/atoms/Heading.svelte';
 export { default as Icon } from './components/atoms/Icon.svelte';
 export { default as Input } from './components/atoms/Input.svelte';
@@ -34,6 +35,7 @@ export { default as AppShell } from './components/layouts/AppShell.svelte';
 export { default as AutoGrid } from './components/layouts/AutoGrid.svelte';
 export { default as Cluster } from './components/layouts/Cluster.svelte';
 export { default as Container } from './components/layouts/Container.svelte';
+export { default as MasterDetail } from './components/layouts/MasterDetail.svelte';
 export { default as NavItem } from './components/layouts/NavItem.svelte';
 export { default as NavSection } from './components/layouts/NavSection.svelte';
 export { default as ResizablePanel } from './components/layouts/ResizablePanel.svelte';
@@ -42,16 +44,20 @@ export { default as Stack } from './components/layouts/Stack.svelte';
 export { default as Accordion, } from './components/molecules/Accordion.svelte';
 export { default as Breadcrumb, } from './components/molecules/Breadcrumb.svelte';
 export { default as Callout } from './components/molecules/Callout.svelte';
+export { default as CapBar } from './components/molecules/CapBar.svelte';
 export { default as CodeBlock } from './components/molecules/CodeBlock.svelte';
 export { default as ConfirmModal } from './components/molecules/ConfirmModal.svelte';
 export { default as CopyButton } from './components/molecules/CopyButton.svelte';
+export { default as Drawer } from './components/molecules/Drawer.svelte';
 export { default as Dropzone } from './components/molecules/Dropzone.svelte';
 export { default as EmptyState } from './components/molecules/EmptyState.svelte';
 // ---- molecules ----
 export { default as Field } from './components/molecules/Field.svelte';
+export { default as Fieldset } from './components/molecules/Fieldset.svelte';
 export { default as FileButton } from './components/molecules/FileButton.svelte';
 export { default as FilterInput, } from './components/molecules/FilterInput.svelte';
 export { default as FontScalePicker } from './components/molecules/FontScalePicker.svelte';
+export { default as GitRef, } from './components/molecules/GitRef.svelte';
 export { default as IconButton } from './components/molecules/IconButton.svelte';
 export { default as KeyValue, } from './components/molecules/KeyValue.svelte';
 export { default as LoadMore } from './components/molecules/LoadMore.svelte';
@@ -74,6 +80,7 @@ export { default as Toaster } from './components/molecules/Toaster.svelte';
 export { default as Toggle } from './components/molecules/Toggle.svelte';
 export { default as Tooltip } from './components/molecules/Tooltip.svelte';
 export { default as Truncate } from './components/molecules/Truncate.svelte';
+export { default as WorkingDir } from './components/molecules/WorkingDir.svelte';
 // ---- organisms ----
 export { default as DataTable, } from './components/organisms/DataTable.svelte';
 export { default as FilterSearchBar } from './components/organisms/FilterSearchBar.svelte';
@@ -87,3 +94,4 @@ export { toasts, } from './stores/toast.svelte';
 export { formatTimestamp, localTimeZone, relativeTime, } from './timestamp';
 export { canonicalTone } from './tone';
 export { truncate } from './truncate';
+export { normalizeWorkingDir, workingDirCandidates } from './working-dir';

package/dist/timestamp.d.ts

@@ -1,10 +1,10 @@
 export type TimeInput = Date | number | string;
 /**
  * Which slice of the instant the inline text shows. Orthogonal to the zone:
- * `date`/`time`/`datetime` honour the `utc` flag, while `iso` is always UTC
- * (by definition) and `relative` is zoneless.
+ * `date`/`time`/`datetime`/`short-iso` honour the `utc` flag, while `iso` is
+ * always UTC (by definition) and `relative` is zoneless.
  */
-export type TimestampMode = 'date' | 'time' | 'datetime' | 'relative' | 'iso';
+export type TimestampMode = 'date' | 'time' | 'datetime' | 'relative' | 'iso' | 'short-iso';
 /**
  * Coerce a loose input to a Date, or null when it's missing or can't be parsed.
  * Accepting null/undefined lets callers pass an optional field straight through
@@ -20,6 +20,12 @@ export declare function toISO(d: Date): string;
  * without the off-by-one a local midnight-UTC value otherwise shows.
  */
 export declare function toLocale(d: Date, parts?: 'date' | 'time' | 'datetime', utc?: boolean): string;
+/**
+ * Calendar date as `YYYY-MM-DD`, locale-independent — in UTC or, with
+ * `utc=false`, the viewer's zone (so a local evening past midnight UTC still
+ * reads as the viewer's day).
+ */
+export declare function toShortISO(d: Date, utc?: boolean): string;
 /** Unix epoch in whole seconds. */
 export declare function toEpochSeconds(d: Date): number;
 /** The viewer's IANA time zone — `Asia/Tokyo`, `UTC`, … */
@@ -38,7 +44,7 @@ export declare function localTimeZone(): string;
 export declare function relativeTime(value: TimeInput | null | undefined, now?: number, precision?: boolean): string;
 /**
  * Render a date in the chosen inline mode. `utc` selects UTC over the viewer's
- * zone for the date/time/datetime modes (ignored by `iso`, always UTC, and
- * `relative`, zoneless). Returns '' for unparseable input.
+ * zone for the date/time/datetime/short-iso modes (ignored by `iso`, always
+ * UTC, and `relative`, zoneless). Returns '' for unparseable input.
  */
 export declare function formatTimestamp(value: TimeInput | null | undefined, mode: TimestampMode, now?: number, utc?: boolean, precision?: boolean): string;

package/dist/timestamp.js

@@ -41,6 +41,18 @@ export function toLocale(d, parts = 'datetime', utc = false) {
     }
     return new Intl.DateTimeFormat(undefined, opts).format(d);
 }
+/**
+ * Calendar date as `YYYY-MM-DD`, locale-independent — in UTC or, with
+ * `utc=false`, the viewer's zone (so a local evening past midnight UTC still
+ * reads as the viewer's day).
+ */
+export function toShortISO(d, utc = true) {
+    const y = utc ? d.getUTCFullYear() : d.getFullYear();
+    const m = (utc ? d.getUTCMonth() : d.getMonth()) + 1;
+    const day = utc ? d.getUTCDate() : d.getDate();
+    const pad = (n, w = 2) => String(n).padStart(w, '0');
+    return `${pad(y, 4)}-${pad(m)}-${pad(day)}`;
+}
 /** Unix epoch in whole seconds. */
 export function toEpochSeconds(d) {
     return Math.floor(d.getTime() / 1000);
@@ -103,8 +115,8 @@ export function relativeTime(value, now = Date.now(), precision = false) {
 }
 /**
  * Render a date in the chosen inline mode. `utc` selects UTC over the viewer's
- * zone for the date/time/datetime modes (ignored by `iso`, always UTC, and
- * `relative`, zoneless). Returns '' for unparseable input.
+ * zone for the date/time/datetime/short-iso modes (ignored by `iso`, always
+ * UTC, and `relative`, zoneless). Returns '' for unparseable input.
  */
 export function formatTimestamp(value, mode, now, utc = false, precision = false) {
     const d = toDate(value);
@@ -113,6 +125,8 @@ export function formatTimestamp(value, mode, now, utc = false, precision = false
     switch (mode) {
         case 'iso':
             return toISO(d);
+        case 'short-iso':
+            return toShortISO(d, utc);
         case 'date':
         case 'time':
         case 'datetime':

package/dist/working-dir.d.ts

@@ -0,0 +1,12 @@
+export interface WorkingDirOptions {
+    /** Visible chars the truncated leaf keeps before the ellipsis, at minimum. Default 18. */
+    minLeaf?: number;
+}
+/** Trailing slashes dropped; an empty or root-only path becomes `/`. */
+export declare function normalizeWorkingDir(path: string): string;
+/**
+ * Candidate renderings of `path`:
+ *   full path → ancestors abbreviated to their first letter one at a time,
+ *   left to right → leaf only → leaf end-truncated down to `minLeaf` chars.
+ */
+export declare function workingDirCandidates(path: string, options?: WorkingDirOptions): string[];

package/dist/working-dir.js

@@ -0,0 +1,38 @@
+// Fish-style path abbreviation candidates, richest → poorest. The WorkingDir
+// molecule picks the first entry that fits its measured width; the last entry
+// (the leaf clipped to `minLeaf` chars) is the hard floor.
+import { truncate } from './truncate';
+/** Trailing slashes dropped; an empty or root-only path becomes `/`. */
+export function normalizeWorkingDir(path) {
+    return path.replace(/\/+$/, '') || '/';
+}
+/**
+ * Candidate renderings of `path`:
+ *   full path → ancestors abbreviated to their first letter one at a time,
+ *   left to right → leaf only → leaf end-truncated down to `minLeaf` chars.
+ */
+export function workingDirCandidates(path, options = {}) {
+    const { minLeaf = 18 } = options;
+    const trimmed = path.replace(/\/+$/, '');
+    const absolute = trimmed.startsWith('/');
+    const segs = trimmed.split('/').filter(Boolean);
+    if (segs.length === 0)
+        return [trimmed || '/'];
+    const leaf = segs[segs.length - 1];
+    const parents = segs.slice(0, -1);
+    const out = [];
+    const push = (c) => {
+        if (out[out.length - 1] !== c)
+            out.push(c);
+    };
+    for (let n = 0; n <= parents.length; n++) {
+        const shown = parents.map((p, i) => (i < n ? [...p][0] : p));
+        const joined = [...shown, leaf].join('/');
+        push(absolute ? `/${joined}` : joined);
+    }
+    push(leaf);
+    for (let keep = [...leaf].length - 1; keep >= minLeaf; keep--) {
+        push(truncate(leaf, { max: keep + 1, mode: 'end' }));
+    }
+    return out;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dorsk/tsumikit",
-  "version": "0.35.1",
+  "version": "0.37.0",
   "description": "Minimal, dependency-free Svelte 5 + pure-CSS UI kit. Token-driven atoms, molecules & layouts with theming out of the box.",
   "type": "module",
   "license": "MIT",
@@ -57,20 +57,28 @@
     "format": "biome check --write .",
     "package": "svelte-kit sync && svelte-package && publint",
     "package:watch": "svelte-kit sync && svelte-package --watch",
-    "prepublishOnly": "npm run package"
+    "prepublishOnly": "npm run package",
+    "design:bundle": "node .design-sync/build-bundle.mjs",
+    "design:verify": "node .design-sync/verify-bundle.mjs"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.2.0",
+    "@dorsk/kakehashi": "^0.1.1",
     "@sveltejs/adapter-static": "^3.0.8",
     "@sveltejs/kit": "^2.22.0",
     "@sveltejs/package": "^2.3.0",
     "@sveltejs/vite-plugin-svelte": "^6.0.0",
     "@types/node": "^25.9.3",
+    "esbuild": "^0.28.2",
+    "esbuild-svelte": "^0.9.5",
+    "jsdom": "^30.0.1",
     "lefthook": "^1.7.0",
     "publint": "^0.2.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
     "typescript": "^5.0.0",