@kerfjs/ui 5.0.0-beta.46 → 5.0.0-beta.48

package/ux-demo/recipes/list-workspace-states.tsx

@@ -167,7 +167,7 @@ export const createRecipe: RecipeFactory = (announce) => {
       />
       <div class="recipe-list__body kui-pane__content kui-content">
         {renderBody()}
-        <Text variant="p" class="kui-recipe__ownership kui-content-item">
+        <Text class="kui-recipe__ownership kui-content-item">
           The recipe owns feedback placement and stable content. The app owns
           fetching, cache age, retry policy, and domain rows.
         </Text>

package/ux-demo/recipes/loading-inspector.tsx

@@ -70,11 +70,7 @@ export const createRecipe: RecipeFactory = (announce) => {
             </ToolbarControlGroup>
           }
         />
-        <Text
-          variant="p"
-          class="kui-recipe__heading-summary"
-          id="recipe-inspector-summary"
-        >
+        <Text class="kui-recipe__heading-summary" id="recipe-inspector-summary">
           {p ? (
             <Skeleton width={em(18)} />
           ) : (
@@ -169,7 +165,7 @@ export const createRecipe: RecipeFactory = (announce) => {
               icon={icon(FileText, 'file-text')}
             />
           )}
-          <Text variant="p" class="kui-recipe__ownership kui-content-item">
+          <Text class="kui-recipe__ownership kui-content-item">
             Each value-bearing component's <code>placeholder</code> prop renders
             skeletons in its value slots while loading, so the recipe composes a
             faithful loading inspector from real chrome. The app owns the

package/ux-demo/recipes/navigation-sidebar.tsx

@@ -78,14 +78,14 @@ export const createRecipe: RecipeFactory = (announce) => {
               />
               <div class="kui-content-item">
                 <strong>Quarterly goal</strong>
-                <Text variant="p" class="kui-recipe__muted">
+                <Text class="kui-recipe__muted">
                   Ship accessible navigation patterns to every workspace.
                 </Text>
               </div>
             </>
           )}
         </section>
-        <Text variant="p" class="kui-recipe__ownership kui-content-item">
+        <Text class="kui-recipe__ownership kui-content-item">
           The recipe owns pane, content-item, and toolbar geometry. The app owns
           routes, permissions, labels, and disclosure state.
         </Text>

package/ux-demo/recipes/navigation-stack.tsx

@@ -58,7 +58,7 @@ export const createRecipe: RecipeFactory = (announce) => {
             />
           ))}
         </section>
-        <Text variant="p" class="kui-recipe__ownership kui-content-item">
+        <Text class="kui-recipe__ownership kui-content-item">
           The recipe owns the stack as a signal of views and pushes/pops it;
           `NavStack` renders the stack and `wireNavStack` slides the content and
           settles the chrome. The app owns selection, data, and routing.
@@ -75,9 +75,7 @@ export const createRecipe: RecipeFactory = (announce) => {
         <div class="kui-content-item">
           <LucideIcon icon={FileText} name="file-text" />
           <strong>{item.label}</strong>
-          <Text variant="p" class="kui-recipe__muted">
-            {item.detail}
-          </Text>
+          <Text class="kui-recipe__muted">{item.detail}</Text>
         </div>
       </div>
     ),

package/ux-demo/recipes/workspace-header.tsx

@@ -15,10 +15,7 @@ export const createRecipe: RecipeFactory = (announce) => ({
       class="kui-recipe recipe-header kui-recipe__surface kui-content"
       data-recipe="recipe-workspace-header"
     >
-      <Text
-        variant="p"
-        class="recipe-header__context kui-inline-metadata kui-content-item"
-      >
+      <Text class="recipe-header__context kui-inline-metadata kui-content-item">
         <span>Northstar workspace</span>
         <span>·</span>
         <span>Product planning</span>
@@ -69,7 +66,7 @@ export const createRecipe: RecipeFactory = (announce) => ({
         detail="All required checks passed 18 minutes ago."
         tone="success"
       />
-      <Text variant="p" class="kui-recipe__ownership kui-content-item">
+      <Text class="kui-recipe__ownership kui-content-item">
         The recipe owns page hierarchy and action relocation. The app owns
         authorization, command behavior, breadcrumbs, and product copy.
       </Text>

package/dist/chunk-QM4GQ7W3.js

@@ -1,17 +0,0 @@
-import { jsx } from 'kerfjs/jsx-runtime';
-
-// src/text.tsx
-function Text({
-  variant: Variant = "p",
-  children,
-  class: classValue = "",
-  className = "",
-  ...attributes
-}) {
-  const classes = `kui-text ${classValue} ${className}`.trim();
-  return /* @__PURE__ */ jsx(Variant, { ...attributes, class: classes, "data-component": "text", children });
-}
-
-export { Text };
-
-//# sourceMappingURL=chunk-QM4GQ7W3.js.map

package/dist/chunk-QM4GQ7W3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/text.tsx"],"names":[],"mappings":";;;AAwBO,SAAS,IAAA,CAAK;AAAA,EACnB,SAAS,OAAA,GAAU,GAAA;AAAA,EACnB,QAAA;AAAA,EACA,OAAO,UAAA,GAAa,EAAA;AAAA,EACpB,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAc;AACZ,EAAA,MAAM,UAAU,CAAA,SAAA,EAAY,UAAU,CAAA,CAAA,EAAI,SAAS,GAAG,IAAA,EAAK;AAC3D,EAAA,uBACE,GAAA,CAAC,WAAS,GAAG,UAAA,EAAY,OAAO,OAAA,EAAS,gBAAA,EAAe,QACrD,QAAA,EACH,CAAA;AAEJ","file":"chunk-QM4GQ7W3.js","sourcesContent":["import type { KerfBaseAttrs } from 'kerfjs/jsx-runtime';\n\nimport type { KerfUiContent } from './semantic-content.js';\n\nexport type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';\n\nexport type TextContent =\n  KerfUiContent | string | number | readonly TextContent[];\n\nexport type TextProps = Omit<\n  KerfBaseAttrs,\n  'children' | 'class' | 'className'\n> & {\n  /** Native heading or paragraph element to render. Defaults to `p`. */\n  variant?: TextVariant;\n  children: TextContent;\n  class?: string;\n  className?: string;\n};\n\n/**\n * Semantic heading or paragraph text with the standard content-item padding.\n * All ordinary native heading/paragraph attributes pass through to the element.\n */\nexport function Text({\n  variant: Variant = 'p',\n  children,\n  class: classValue = '',\n  className = '',\n  ...attributes\n}: TextProps) {\n  const classes = `kui-text ${classValue} ${className}`.trim();\n  return (\n    <Variant {...attributes} class={classes} data-component=\"text\">\n      {children}\n    </Variant>\n  );\n}\n"]}