praxis-kit 4.1.1 → 4.1.2

package/dist/tailwind/index.d.ts

@@ -94,6 +94,38 @@ type ClassPlugin<TProps extends AnyRecord = EmptyRecord> = Readonly<{
     readonly _pluginProps?: TProps;
 }>;
 
+/**
+ * Canonical list of reserved layout prop names.
+ *
+ * This array is the single source of truth for every supported CSS `display`
+ * value exposed as a boolean prop. The `LayoutKey` type is derived directly
+ * from this list.
+ *
+ * To add a new display mode:
+ *   1. Add the display value here.
+ *   2. Register its layout family in `LAYOUT_FAMILY_MAP`.
+ *
+ * Prop names intentionally match the corresponding Tailwind/CSS display
+ * utilities, so no additional prop-to-class mapping is required.
+ */
+declare const layoutKeys: readonly ["flex", "inline-flex", "grid", "inline-grid", "block", "inline-block", "inline", "hidden", "contents", "flow-root", "list-item", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row"];
+
+type TupleValues<T extends readonly unknown[]> = T[number];
+type ValueOf<T> = T[keyof T];
+type LayoutKey<T extends readonly string[]> = TupleValues<T>;
+type LayoutFamily<M extends StringMap<string>> = ValueOf<M>;
+type LayoutMode<T extends readonly string[]> = LayoutKey<T> | 'none';
+type ExclusiveTrueProp<K extends PropertyKey> = {
+    [P in K]: Simplify<Record<P, true> & Partial<Record<Exclude<K, P>, never>>>;
+}[K];
+/**
+ * Mutually exclusive display shorthand props.
+ *
+ * At most one key may be `true`. Passing multiple is a compile-time error; the
+ * runtime also warns and lets the first key in declaration order take precedence.
+ */
+type LayoutProps<T extends readonly string[]> = ExclusiveTrueProp<LayoutKey<T>> | Partial<Record<LayoutKey<T>, never>>;
+
 declare const LAYOUT_FAMILY_MAP: {
     readonly flex: "flex";
     readonly 'inline-flex': "flex";
@@ -107,6 +139,7 @@ declare const LAYOUT_FAMILY_MAP: {
     readonly 'flow-root': "none";
     readonly 'list-item': "none";
     readonly table: "none";
+    readonly 'inline-table': "none";
     readonly 'table-caption': "none";
     readonly 'table-cell': "none";
     readonly 'table-column': "none";
@@ -117,32 +150,16 @@ declare const LAYOUT_FAMILY_MAP: {
     readonly 'table-row': "none";
 };
 
-declare const layoutKeys: readonly ["flex", "inline-flex", "grid", "inline-grid", "block", "inline-block", "inline", "hidden", "contents", "flow-root", "list-item", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row"];
-
-type LayoutKey = (typeof layoutKeys)[number];
-type LayoutFamily = (typeof LAYOUT_FAMILY_MAP)[LayoutKey];
-type LayoutMode = LayoutKey | 'none';
-type ExclusiveTrueProp<K extends PropertyKey> = {
-    [P in K]: Simplify<Record<P, true> & Partial<Record<Exclude<K, P>, never>>>;
-}[K];
-/**
- * Mutually exclusive display shorthand props.
- *
- * At most one key may be `true`. Passing multiple is a compile-time error; the
- * runtime also warns and lets the first key in declaration order take precedence.
- */
-type LayoutProps = ExclusiveTrueProp<LayoutKey> | Partial<Record<LayoutKey, never>>;
-
 type ClassToken = string;
 type Token<TKind extends string, TData extends object = EmptyRecord> = {
     kind: TKind;
     raw: string;
 } & TData;
 type LayoutToken = Token<'layout', {
-    value: LayoutKey;
+    value: LayoutKey<typeof layoutKeys>;
 }>;
 type ConditionalToken = Token<'conditional', {
-    requires: Exclude<LayoutFamily, 'none'>;
+    requires: Exclude<LayoutFamily<typeof LAYOUT_FAMILY_MAP>, 'none'>;
 }>;
 type GapToken = Token<'gap'>;
 type UtilityToken = Token<'utility', {
@@ -188,7 +205,7 @@ type CompoundVariant = {
  * flex-family modes strip `grid-*`; grid-family modes strip `flex-*`; all other
  * display values (and no prop) strip both `flex-*` and `grid-*`.
  */
-declare function createTailwindPipeline<V extends VariantMap = VariantMap>(options: ClassPipelineOptions<V>, diagnostics: Diagnostics): ClassPlugin<LayoutProps>;
+declare function createTailwindPipeline<V extends VariantMap = VariantMap>(options: ClassPipelineOptions<V>, diagnostics: Diagnostics): ClassPlugin<LayoutProps<typeof layoutKeys>>;
 
 declare class ClassBuilder {
     #private;
@@ -200,7 +217,7 @@ declare class ClassClassifier {
     classify(token: ClassToken): ClassifiedToken;
 }
 
-type DependencyRules = Record<Exclude<LayoutFamily, 'none'>, readonly RegExp[]>;
+type DependencyRules = Record<Exclude<LayoutFamily<typeof LAYOUT_FAMILY_MAP>, 'none'>, readonly RegExp[]>;
 declare const defaultDependencyRules: DependencyRules;
 
 /**
@@ -216,9 +233,9 @@ declare const defaultDependencyRules: DependencyRules;
  */
 declare class LayoutState {
     #private;
-    constructor(mode: LayoutMode);
-    get mode(): LayoutMode;
-    get family(): LayoutFamily;
+    constructor(mode: LayoutMode<typeof layoutKeys>);
+    get mode(): LayoutMode<typeof layoutKeys>;
+    get family(): LayoutFamily<typeof LAYOUT_FAMILY_MAP>;
 }
 
 declare class DependencyEvaluator {
@@ -227,4 +244,4 @@ declare class DependencyEvaluator {
     evaluate(token: ClassifiedToken, state: LayoutState): boolean;
 }
 
-export { ClassBuilder, ClassClassifier, type ClassToken, type ClassifiedToken, type CompoundVariant, type ConditionalToken, DependencyEvaluator, type DependencyRules, type GapToken, type LayoutFamily, type LayoutKey, type LayoutMode, type LayoutProps, LayoutState, type LayoutToken, type UtilityToken, type VariantSelection, createTailwindPipeline, defaultDependencyRules };
+export { ClassBuilder, ClassClassifier, type ClassToken, type ClassifiedToken, type CompoundVariant, type ConditionalToken, DependencyEvaluator, type DependencyRules, type GapToken, type LayoutFamily, type LayoutKey, type LayoutMode, type LayoutProps, LayoutState, type LayoutToken, type UtilityToken, type VariantSelection, createTailwindPipeline, defaultDependencyRules, layoutKeys };

package/dist/tailwind/index.js

@@ -400,6 +400,7 @@ var layoutKeys = [
   "flow-root",
   "list-item",
   "table",
+  "inline-table",
   "table-caption",
   "table-cell",
   "table-column",
@@ -425,6 +426,7 @@ var LAYOUT_FAMILY_MAP = {
   "flow-root": "none",
   "list-item": "none",
   table: "none",
+  "inline-table": "none",
   "table-caption": "none",
   "table-cell": "none",
   "table-column": "none",
@@ -672,5 +674,6 @@ export {
   DependencyEvaluator,
   LayoutState,
   createTailwindPipeline,
-  defaultDependencyRules
+  defaultDependencyRules,
+  layoutKeys
 };

package/dist/vite-plugin/index.d.ts

@@ -287,7 +287,17 @@ type DesignTokenManifest = {
  * destructured patterns fall through (same scope as `collectConstraints`).
  */
 declare function collectFileTokens(source: ts.SourceFile, calleeNames: ReadonlySet<string>): Map<string, ComponentTokens>;
-/** Builds a DesignTokenManifest from the accumulated per-component token maps, including a flat sorted `allClasses` union. */
+/**
+ * Builds a DesignTokenManifest from the accumulated per-component token maps,
+ * including a flat sorted `allClasses` union.
+ *
+ * `allClasses` always includes every `layoutKeys` display value (`flex`,
+ * `inline-flex`, `grid`, `hidden`, etc.) even when no scanned component uses
+ * them literally. Those classes are only ever assembled at runtime by
+ * `createTailwindPipeline` from boolean props, so they never appear as a
+ * string literal for Tailwind's content scanner (or this manifest) to find
+ * on its own — without this, Tailwind silently drops their generated CSS.
+ */
 declare function buildManifest(allTokens: Map<string, ComponentTokens>): DesignTokenManifest;
 type DesignTokensOptions = {
     /**

package/dist/vite-plugin/index.js

@@ -1389,6 +1389,31 @@ function analyze(code, filename, options) {
   return diagnoseUsages(source, constraints, severity);
 }
 
+// ../../lib/tailwind/src/layout-keys.ts
+var layoutKeys = [
+  "flex",
+  "inline-flex",
+  "grid",
+  "inline-grid",
+  "block",
+  "inline-block",
+  "inline",
+  "hidden",
+  "contents",
+  "flow-root",
+  "list-item",
+  "table",
+  "inline-table",
+  "table-caption",
+  "table-cell",
+  "table-column",
+  "table-column-group",
+  "table-footer-group",
+  "table-header-group",
+  "table-row-group",
+  "table-row"
+];
+
 // ../../plugins/vite/src/design-tokens.ts
 import { writeFileSync } from "fs";
 import { resolve } from "path";
@@ -1471,7 +1496,7 @@ function mergeTokens(existing, incoming) {
 }
 function buildManifest(allTokens) {
   const components = {};
-  const seen = /* @__PURE__ */ new Set();
+  const seen = new Set(layoutKeys);
   iterate.forEach(allTokens, ([name, tokens]) => {
     components[name] = tokens;
     iterate.forEach(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "praxis-kit",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "type": "module",
   "exports": {
     "./react": {
@@ -130,9 +130,9 @@
     "vite": "^8.1.3",
     "vue": "^3.5.38",
     "@praxis-kit/adapter-utils": "0.0.0",
+    "@praxis-kit/core": "0.0.0",
     "@praxis-kit/diagnostics": "0.0.0",
-    "@praxis-kit/primitive": "0.0.0",
-    "@praxis-kit/core": "0.0.0"
+    "@praxis-kit/primitive": "0.0.0"
   },
   "publishConfig": {
     "access": "public"