@stainless-api/ui-primitives 0.1.0-beta.17 → 0.1.0-beta.19

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @stainless-api/ui-primitives@0.1.0-beta.10 build /Users/maxfreundlich/code/work/stl-api-docs/packages/ui-primitives
+> @stainless-api/ui-primitives@0.1.0-beta.17 build /Users/maxfreundlich/code/work/stl-api-docs/packages/ui-primitives
 > tsdown
 
 ℹ tsdown v0.15.12 powered by rolldown v1.0.0-beta.45
@@ -9,15 +9,15 @@
 ℹ tsconfig: tsconfig.json
 ℹ Build start
 ℹ Cleaning 24 files
-ℹ dist/scripts/index.js                 1.29 kB │ gzip: 0.51 kB
+ℹ dist/scripts/index.js                 1.21 kB │ gzip: 0.48 kB
 ℹ dist/index.js                         0.29 kB │ gzip: 0.16 kB
 ℹ dist/components/DropdownButton.js     0.10 kB │ gzip: 0.09 kB
 ℹ dist/components/Accordion.js          0.08 kB │ gzip: 0.08 kB
 ℹ dist/components/Callout.js            0.07 kB │ gzip: 0.08 kB
 ℹ dist/components/Button.js             0.07 kB │ gzip: 0.08 kB
 ℹ dist/styles.js                        0.01 kB │ gzip: 0.03 kB
-ℹ dist/styles.css                      40.23 kB │ gzip: 6.91 kB
-ℹ dist/DropdownButton-CStYzJ6s.js       2.70 kB │ gzip: 0.70 kB
+ℹ dist/styles.css                      40.38 kB │ gzip: 6.94 kB
+ℹ dist/DropdownButton-DoYDi8tB.js       2.69 kB │ gzip: 0.70 kB
 ℹ dist/Button-DBhd6kU7.js               1.51 kB │ gzip: 0.55 kB
 ℹ dist/Callout-UZQRuCQ5.js              0.82 kB │ gzip: 0.44 kB
 ℹ dist/Accordion-DLQE3Td6.js            0.80 kB │ gzip: 0.30 kB
@@ -27,9 +27,9 @@
 ℹ dist/components/Button.d.ts           0.14 kB │ gzip: 0.10 kB
 ℹ dist/components/Accordion.d.ts        0.12 kB │ gzip: 0.09 kB
 ℹ dist/components/DropdownButton.d.ts   0.10 kB │ gzip: 0.08 kB
-ℹ dist/DropdownButton-CNJ5NyBS.d.ts     1.40 kB │ gzip: 0.42 kB
-ℹ dist/Button-sTZ6xvkU.d.ts             1.27 kB │ gzip: 0.52 kB
-ℹ dist/Accordion-_dikpfLR.d.ts          0.74 kB │ gzip: 0.31 kB
-ℹ dist/Callout-Dsp2nbSy.d.ts            0.57 kB │ gzip: 0.33 kB
-ℹ 22 files, total: 53.22 kB
-✔ Build complete in 756ms
+ℹ dist/DropdownButton-zcvep_xH.d.ts     1.38 kB │ gzip: 0.40 kB
+ℹ dist/Button-DwndlytB.d.ts             1.27 kB │ gzip: 0.52 kB
+ℹ dist/Accordion-CJL9SWwS.d.ts          0.74 kB │ gzip: 0.32 kB
+ℹ dist/Callout-CMz3Yl_5.d.ts            0.57 kB │ gzip: 0.33 kB
+ℹ 22 files, total: 53.24 kB
+✔ Build complete in 761ms

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stainless-api/ui-primitives
 
+## 0.1.0-beta.19
+
+### Patch Changes
+
+- 58040d8: feat: ui primitives updates, cursor support
+
+## 0.1.0-beta.18
+
+### Minor Changes
+
+- c635741: Updated worker and fixed docs-ui jsx issue
+
 ## 0.1.0-beta.17
 
 ### Patch Changes

package/dist/{Accordion-_dikpfLR.d.ts → Accordion-CJL9SWwS.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime8.JSX.Element;
+}: AccordionProps): react_jsx_runtime3.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_runtime8.JSX.Element;
+}: React.ComponentProps<'summary'>): react_jsx_runtime3.JSX.Element;
 declare function AccordionGroup({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime8.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { AccordionProps as n, Accordion as t };

package/dist/{Button-sTZ6xvkU.d.ts → Button-DwndlytB.d.ts}

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

package/dist/{Callout-Dsp2nbSy.d.ts → Callout-CMz3Yl_5.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+}: CalloutProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { CalloutProps as n, CalloutVariant as r, Callout as t };

package/dist/{DropdownButton-CStYzJ6s.js → DropdownButton-DoYDi8tB.js}

@@ -64,9 +64,8 @@ function MenuItem({ children, value, isExternalLink,...props }) {
 		})]
 	});
 }
-function DropdownButton({ id, className,...props }) {
+function DropdownButton({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		id,
 		...props,
 		className: clsx("stl-ui-dropdown-button stl-ui-not-prose not-content", className)
 	});

package/dist/{DropdownButton-CNJ5NyBS.d.ts → DropdownButton-zcvep_xH.d.ts}

@@ -1,19 +1,16 @@
 import { ComponentPropsWithoutRef } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/DropdownButton.d.ts
 declare function DropdownButton({
-  id,
   className,
   ...props
-}: ComponentPropsWithoutRef<'div'> & {
-  id: string;
-}): react_jsx_runtime0.JSX.Element;
+}: ComponentPropsWithoutRef<'div'>): react_jsx_runtime6.JSX.Element;
 declare namespace DropdownButton {
   var Menu: ({
     className,
     ...props
-  }: ComponentPropsWithoutRef<"div">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentPropsWithoutRef<"div">) => react_jsx_runtime6.JSX.Element;
   var MenuItem: ({
     children,
     value,
@@ -23,31 +20,31 @@ declare namespace DropdownButton {
     children?: React.ReactNode;
     value: string;
     isExternalLink?: boolean;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime6.JSX.Element;
   var MenuItemIcon: ({
     className,
     ...props
-  }: ComponentPropsWithoutRef<"div">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentPropsWithoutRef<"div">) => react_jsx_runtime6.JSX.Element;
   var MenuItemText: ({
     className,
     subtle,
     ...props
   }: ComponentPropsWithoutRef<"span"> & {
     subtle?: boolean;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime6.JSX.Element;
   var PrimaryAction: ({
     className,
     ...props
-  }: ComponentPropsWithoutRef<"button">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentPropsWithoutRef<"button">) => react_jsx_runtime6.JSX.Element;
   var PrimaryActionText: ({
     children
   }: {
     children?: React.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime6.JSX.Element;
   var Trigger: ({
     className,
     ...props
-  }: ComponentPropsWithoutRef<"button">) => react_jsx_runtime0.JSX.Element;
+  }: ComponentPropsWithoutRef<"button">) => react_jsx_runtime6.JSX.Element;
 }
 //#endregion
 export { DropdownButton as t };

package/dist/components/Accordion.d.ts

@@ -1,2 +1,2 @@
-import { n as AccordionProps, t as Accordion } from "../Accordion-_dikpfLR.js";
+import { n as AccordionProps, t as Accordion } from "../Accordion-CJL9SWwS.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-sTZ6xvkU.js";
+import { n as ButtonProps, r as ButtonVariant, t as Button } from "../Button-DwndlytB.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-Dsp2nbSy.js";
+import { n as CalloutProps, r as CalloutVariant, t as Callout } from "../Callout-CMz3Yl_5.js";
 export { Callout, CalloutProps, CalloutVariant };

package/dist/components/DropdownButton.d.ts

@@ -1,2 +1,2 @@
-import { t as DropdownButton } from "../DropdownButton-CNJ5NyBS.js";
+import { t as DropdownButton } from "../DropdownButton-zcvep_xH.js";
 export { DropdownButton };

package/dist/components/DropdownButton.js

@@ -1,3 +1,3 @@
-import { t as DropdownButton } from "../DropdownButton-CStYzJ6s.js";
+import { t as DropdownButton } from "../DropdownButton-DoYDi8tB.js";
 
 export { DropdownButton };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { n as AccordionProps, t as Accordion } from "./Accordion-_dikpfLR.js";
-import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-sTZ6xvkU.js";
-import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-Dsp2nbSy.js";
-import { t as DropdownButton } from "./DropdownButton-CNJ5NyBS.js";
+import { n as AccordionProps, t as Accordion } from "./Accordion-CJL9SWwS.js";
+import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-DwndlytB.js";
+import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-CMz3Yl_5.js";
+import { t as DropdownButton } from "./DropdownButton-zcvep_xH.js";
 export { Accordion, AccordionProps, Button, ButtonProps, ButtonVariant, Callout, CalloutProps, CalloutVariant, DropdownButton };

package/dist/index.js

@@ -1,5 +1,5 @@
 import { t as Button } from "./Button-DBhd6kU7.js";
-import { t as DropdownButton } from "./DropdownButton-CStYzJ6s.js";
+import { t as DropdownButton } from "./DropdownButton-DoYDi8tB.js";
 import { t as Callout } from "./Callout-UZQRuCQ5.js";
 import { t as Accordion } from "./Accordion-DLQE3Td6.js";
 

package/dist/scripts/index.d.ts

@@ -1,10 +1,10 @@
 //#region src/scripts/dropdown-button.d.ts
 declare function initDropdownButton({
-  dropdownId,
+  dropdown,
   onSelect,
   onPrimaryAction
 }: {
-  dropdownId: string;
+  dropdown: Element;
   onSelect: (value: string) => void;
   onPrimaryAction: (primaryActionElement: Element) => void;
 }): void;

package/dist/scripts/index.js

@@ -1,7 +1,5 @@
 //#region src/scripts/dropdown-button.ts
-function initDropdownButton({ dropdownId, onSelect, onPrimaryAction }) {
-	const dropdown = document.getElementById(dropdownId);
-	if (!dropdown) return;
+function initDropdownButton({ dropdown, onSelect, onPrimaryAction }) {
 	const trigger = dropdown.querySelector("[data-part=\"trigger\"]");
 	const menu = dropdown.querySelector("[data-part=\"menu\"]");
 	const primaryAction = dropdown.querySelector("[data-part=\"primary-action\"]");

package/dist/styles.css

@@ -262,12 +262,21 @@ body {
 }
 
 .stl-ui-prose {
+  letter-spacing: -0.01em;
+  font-weight: 400;
+  line-height: var(--stl-ui-typography-line-height);
+  font-size: var(--stl-ui-typography-text-body);
+  color: var(--stl-ui-foreground-secondary);
+
+  :where(.stl-ui-not-prose) {
+    letter-spacing: initial;
+    font-weight: initial;
+    line-height: initial;
+    font-size: initial;
+    color: initial;
+  }
+
   :where(p):not(.stl-ui-not-prose *) {
-    color: var(--stl-ui-foreground-secondary);
-    font-weight: 400;
-    line-height: var(--stl-ui-typography-line-height);
-    letter-spacing: -0.01em;
-    font-size: var(--stl-ui-typography-text-body);
     margin-top: 16px;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/ui-primitives",
-  "version": "0.1.0-beta.17",
+  "version": "0.1.0-beta.19",
   "publishConfig": {
     "access": "public"
   },
@@ -32,6 +32,6 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "typescript": "5.9.3",
-    "@stainless/eslint-config": "0.0.0"
+    "@stainless/eslint-config": "0.1.0-beta.0"
   }
 }

package/src/components/callout.css

@@ -2,6 +2,8 @@
   --stl-ui-callout-background-color: var(--stl-ui-muted-background);
   --stl-ui-callout-border-color: var(--stl-ui-border);
   --stl-ui-callout-accent-color: var(--stl-ui-foreground-muted);
+  --stl-ui-callout-strong-color: var(--stl-ui-callout-accent-color);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-gray-gray-6);
 
   border: 1px solid var(--stl-ui-callout-border-color);
   background-color: var(--stl-ui-callout-background-color);
@@ -14,42 +16,63 @@
   display: flex;
   align-items: flex-start;
   gap: 8px;
+
+  :where(a) {
+    color: var(--stl-ui-callout-strong-color);
+    text-decoration-color: rgba(from currentColor r g b / 0.4);
+    transition: text-decoration-color 0.1s ease;
+    &:hover {
+      text-decoration-color: rgba(from currentColor r g b / 0.8);
+    }
+  }
+
+  ::selection {
+    background-color: var(--stl-ui-callout-selection-background);
+    color: var(--stl-ui-foreground);
+  }
 }
 
 .stl-ui-callout--info {
   --stl-ui-callout-background-color: var(--stl-ui-muted-background);
   --stl-ui-callout-border-color: var(--stl-ui-border);
   --stl-ui-callout-accent-color: var(--stl-ui-foreground-muted);
+  --stl-ui-callout-strong-color: var(--stl-ui-foreground);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-gray-gray-6);
 }
 
 .stl-ui-callout--note {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-blue-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-blue-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-blue-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-blue-muted);
 }
 
 .stl-ui-callout--tip {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-purple-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-purple-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-purple-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-purple-muted);
 }
 
 .stl-ui-callout--success {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-green-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-green-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-green-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-green-muted);
 }
 
 .stl-ui-callout--warning {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-yellow-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-yellow-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-yellow-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-yellow-muted);
 }
 
 .stl-ui-callout--danger {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-red-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-red-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-red-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-red-muted);
 }
 
 .stl-ui-callout__icon {

package/src/components/dropdown-button.css

@@ -32,6 +32,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    color: inherit;
 
     &:hover {
       background-color: oklch(from var(--stl-ui-foreground) l c h / 0.05);