@stainless-api/ui-primitives 0.1.0-beta.24 → 0.1.0-beta.26

package/dist/{Button-CxQtPObH.d.ts → Button-DJ4VsD2o.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { LucideIcon } from "lucide-react";
 
 //#region src/components/Button.d.ts
@@ -17,17 +17,17 @@ type ButtonBranch = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
   href?: never;
 };
 type ButtonProps = AnchorBranch | ButtonBranch;
-declare function Button(props: ButtonProps): react_jsx_runtime2.JSX.Element;
+declare function Button(props: ButtonProps): react_jsx_runtime3.JSX.Element;
 declare namespace Button {
   var Label: ({
     className,
     ...rest
-  }: LabelProps) => react_jsx_runtime2.JSX.Element;
+  }: LabelProps) => react_jsx_runtime3.JSX.Element;
   var Icon: ({
     className,
     icon: Icon,
     size
-  }: IconProps) => react_jsx_runtime2.JSX.Element;
+  }: IconProps) => react_jsx_runtime3.JSX.Element;
 }
 type LabelProps = React.HTMLAttributes<HTMLSpanElement>;
 type IconProps = {

package/dist/{Callout-DlwbfFHm.d.ts → Callout-DTFAhHWq.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/Callout.d.ts
 type CalloutVariant = 'info' | 'note' | 'tip' | 'success' | 'warning' | 'danger';
@@ -13,6 +13,6 @@ declare function Callout({
   className,
   children,
   ...props
-}: CalloutProps): react_jsx_runtime5.JSX.Element;
+}: CalloutProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { CalloutProps as n, CalloutVariant as r, Callout as t };

package/dist/components/Button.d.ts

@@ -1,2 +1,2 @@
-import { n as ButtonProps, r as ButtonVariant, t as Button } from "../Button-CxQtPObH.js";
+import { n as ButtonProps, r as ButtonVariant, t as Button } from "../Button-DJ4VsD2o.js";
 export { Button, ButtonProps, ButtonVariant };

package/dist/components/Callout.d.ts

@@ -1,2 +1,2 @@
-import { n as CalloutProps, r as CalloutVariant, t as Callout } from "../Callout-DlwbfFHm.js";
+import { n as CalloutProps, r as CalloutVariant, t as Callout } from "../Callout-DTFAhHWq.js";
 export { Callout, CalloutProps, CalloutVariant };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { n as AccordionProps, t as Accordion } from "./Accordion-Cj5GURin.js";
-import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-CxQtPObH.js";
-import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-DlwbfFHm.js";
+import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-DJ4VsD2o.js";
+import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-DTFAhHWq.js";
 import * as react3 from "react";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime21 from "react/jsx-runtime";

package/dist/styles.css

@@ -329,13 +329,6 @@ body {
     margin-top: 24px;
   }
 
-  /* For the first element below stl-ui-prose, do not apply a margin-top */
-  :where(*):where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
-    &:first-child {
-      margin-top: 0;
-    }
-  }
-
   :where(li:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose li) {
     &:where(:not(:last-child)) {
       margin-bottom: 8px;
@@ -355,6 +348,18 @@ body {
     }
   }
 
+  :where(
+    pre:not(.stl-ui-not-prose *, .expressive-code *),
+    .stl-ui-not-prose .stl-ui-prose pre:not(.expressive-code *)
+  ) {
+    padding: 12px 20px;
+    border-radius: var(--stl-ui-layout-border-radius-sml);
+    border: 1px solid var(--stl-ui-border);
+    background-color: var(--stl-ui-muted-background);
+    overflow: scroll;
+    margin-bottom: 1rem;
+  }
+
   :where(ol, ul) {
     &:where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
       padding-left: 26px;
@@ -378,13 +383,17 @@ body {
 
     /* Code/Regular */
     font-family: var(--stl-ui-typography-font-mono);
-    font-size: 0.9em;
+    font-size: var(--stl-ui-typography-text-body-sm);
     font-weight: inherit;
 
     padding: 0 0.2em;
     background-color: oklch(from var(--stl-ui-foreground) l c h / 0.1);
     border-radius: 0.2em;
   }
+
+  :where(pre > code):where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
+    font-size: var(--stl-ui-typography-text-body-sm);
+  }
 }
 
 @layer stl-ui.tokens {
@@ -683,6 +692,10 @@ body {
     background-color: var(--stl-ui-button-background-color-hover);
     border-color: var(--stl-ui-button-border-color-hover);
   }
+
+  &[hidden] {
+    display: none;
+  }
 }
 
 /* --- COLOR VARIANTS ---  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/ui-primitives",
-  "version": "0.1.0-beta.24",
+  "version": "0.1.0-beta.26",
   "publishConfig": {
     "access": "public"
   },
@@ -8,37 +8,37 @@
   "files": [
     "dist"
   ],
-  "exports": {
-    ".": {
-      "default": "./dist/index.js"
-    },
-    "./scripts": {
-      "default": "./dist/scripts/index.js"
-    },
-    "./styles.css": {
-      "default": "./dist/styles.css"
-    },
-    "./*": {
-      "default": "./dist/*"
-    }
-  },
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "lucide-react": "^0.553.0"
+    "lucide-react": "^0.554.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.4",
+    "@types/react": "^19.2.6",
     "@types/react-dom": "^19.2.3",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "tsdown": "^0.16.4",
+    "tsdown": "^0.16.6",
     "typescript": "5.9.3",
     "@stainless/eslint-config": "0.1.0-beta.0"
   },
+  "exports": {
+    ".": {
+      "default": "./dist/index.js"
+    },
+    "./scripts": {
+      "default": "./dist/scripts/index.js"
+    },
+    "./styles.css": {
+      "default": "./dist/styles.css"
+    },
+    "./*": {
+      "default": "./dist/*"
+    }
+  },
   "scripts": {
     "build": "tsdown",
     "clean": "rm -rf dist"