@camstack/ui-library 1.2.16 → 1.2.18

package/dist/lib/responsive.d.ts

@@ -55,6 +55,34 @@ export declare const GRID_PAIRED: "grid grid-cols-1 lg:grid-cols-2";
 export declare const SPLIT_PANEL_OUTER: "flex flex-col-reverse md:flex-row";
 /** Sidebar narrow lane in a SPLIT_PANEL_OUTER layout. */
 export declare const SPLIT_PANEL_SIDE: "w-full md:w-44 lg:w-52 md:flex-shrink-0 border-b md:border-b-0 md:border-l border-border";
+/**
+ * The tier boundary at which a settings label/value row stops stacking.
+ *
+ * Below it (L1 — compact) the row is ONE column: label on its own line, value
+ * on the next at full width. Above it the row is label-left / value-right as
+ * before. The two-column form needs `SETTING_ROW_LABEL`'s lane plus a readable
+ * value beside it; a phone has neither, and the failure mode is not "cramped"
+ * but "the value is the part that gets cut" — the one thing the operator
+ * opened the page to read.
+ */
+export declare const SETTING_ROW_STACK_BREAKPOINT: "sm";
+/** Outer row: single column at L1, label/value columns from `sm` up. */
+export declare const SETTING_ROW: "flex min-w-0 flex-col gap-0.5 py-1.5 sm:flex-row sm:items-center";
+/** Label lane. Full width (and free to wrap) at L1; a fixed lane from `sm` up. */
+export declare const SETTING_ROW_LABEL: "min-w-0 text-[11px] leading-tight text-foreground-subtle sm:w-32 sm:shrink-0 sm:pr-2";
+/**
+ * Value lane — the value text plus its trailing affordances (copy / reveal).
+ * `w-full` at L1 so the value owns the whole row once the label is above it;
+ * `sm:flex-1` makes it share the row again from `sm` up.
+ */
+export declare const SETTING_ROW_VALUE: "flex w-full min-w-0 items-center gap-1 sm:flex-1";
+/**
+ * The value text itself. `break-all` lets an opaque token (a key, a URL) wrap
+ * at L1 instead of being cut mid-word; `sm:truncate` restores the single-line
+ * desktop form, where the row is wide enough for truncation to be a choice
+ * rather than data loss.
+ */
+export declare const SETTING_ROW_VALUE_TEXT: "min-w-0 break-all text-xs text-foreground sm:truncate";
 /** Section header label (uppercase tracking-wider). */
 export declare const TEXT_SECTION_LABEL: "text-[10px] sm:text-[11px] font-semibold text-foreground uppercase tracking-wider";
 /** Field label inside a row. */

package/dist/lib/tailwind-variants.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Predicates over a Tailwind class string, used by layout tests to assert a
+ * responsive DECISION rather than a class literal.
+ *
+ * Why this exists: the two mobile defects fixed in 2026-08 were both "a
+ * utility that should have been behind a breakpoint was applied at every
+ * width" — a pinned first table column, a truncated settings value. The
+ * invariant worth guarding is exactly that: `sticky` must not appear
+ * unconditionally on the name column, `truncate` must not appear
+ * unconditionally on a settings value. Asserting the whole `className`
+ * byte-for-byte would guard something else (churn) and would go stale the
+ * first time a padding token moves — see `docs/architecture/ui.md`,
+ * "Frozen-string tests have an expiry date".
+ *
+ * A Tailwind class is `variant:variant:utility`. Everything before the last
+ * `:` is a condition (breakpoint, state, container query); a class with no
+ * `:` applies at every width and in every state.
+ */
+/** Split a class string into non-empty tokens. `undefined` ⇒ no tokens. */
+export declare function classTokens(className: string | undefined): readonly string[];
+/**
+ * True when `utility` is applied with NO condition — i.e. at every width.
+ * `hasUnconditionalClass('md:sticky', 'sticky')` is false: that is the point.
+ */
+export declare function hasUnconditionalClass(className: string | undefined, utility: string): boolean;
+/** True when `utility` is applied behind the given `variant` (e.g. `md`). */
+export declare function hasVariantClass(className: string | undefined, variant: string, utility: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.16",
+  "version": "1.2.18",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",