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

package/dist/{Accordion-CvvTR8p8.d.ts → Accordion-Cj5GURin.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Accordion.d.ts
 type AccordionProps = React.ComponentProps<'details'>;
@@ -7,7 +7,7 @@ declare function Accordion({
   className,
   children,
   ...props
-}: AccordionProps): react_jsx_runtime3.JSX.Element;
+}: AccordionProps): react_jsx_runtime0.JSX.Element;
 declare namespace Accordion {
   var Summary: typeof AccordionSummary;
   var Group: typeof AccordionGroup;
@@ -16,11 +16,11 @@ declare function AccordionSummary({
   children,
   className,
   ...props
-}: React.ComponentProps<'summary'>): react_jsx_runtime3.JSX.Element;
+}: React.ComponentProps<'summary'>): react_jsx_runtime0.JSX.Element;
 declare function AccordionGroup({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime3.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AccordionProps as n, Accordion as t };

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+declare function Button(props: ButtonProps): react_jsx_runtime3.JSX.Element;
 declare namespace Button {
   var Label: ({
     className,
     ...rest
-  }: LabelProps) => react_jsx_runtime0.JSX.Element;
+  }: LabelProps) => react_jsx_runtime3.JSX.Element;
   var Icon: ({
     className,
     icon: Icon,
     size
-  }: IconProps) => react_jsx_runtime0.JSX.Element;
+  }: IconProps) => react_jsx_runtime3.JSX.Element;
 }
 type LabelProps = React.HTMLAttributes<HTMLSpanElement>;
 type IconProps = {

package/dist/components/Accordion.d.ts

@@ -1,2 +1,2 @@
-import { n as AccordionProps, t as Accordion } from "../Accordion-CvvTR8p8.js";
+import { n as AccordionProps, t as Accordion } from "../Accordion-Cj5GURin.js";
 export { Accordion, AccordionProps };

package/dist/components/Button.d.ts

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

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { n as AccordionProps, t as Accordion } from "./Accordion-CvvTR8p8.js";
-import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-DMtVJEuK.js";
+import { n as AccordionProps, t as Accordion } from "./Accordion-Cj5GURin.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";

package/dist/styles.css

@@ -348,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;
@@ -371,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 {
@@ -676,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.25",
+  "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"