@stll/ui 0.31.0 → 0.32.0

package/dist/components/button.d.ts

@@ -1,4 +1,3 @@
-import { OverlayLayer } from "../lib/overlay-layer.js";
 import * as React$1 from "react";
 import { useRender } from "@base-ui/react/use-render";
 import { VariantProps } from "class-variance-authority";
@@ -14,20 +13,15 @@ import { VariantProps } from "class-variance-authority";
  */
 declare const buttonAccessibleDisabledClass = "cursor-not-allowed opacity-64";
 declare const buttonVariants: (props?: ({
-  size?: "default" | "xs" | "sm" | "chip" | "icon" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "xl" | null | undefined;
-  variant?: "default" | "link" | "destructive" | "destructive-outline" | "destructive-ghost" | "ghost" | "muted" | "outline" | "secondary" | null | undefined;
+  size?: "default" | "chip" | "icon" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "sm" | "xl" | "xs" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "destructive-outline" | "destructive-ghost" | "ghost" | "muted" | "outline" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonProps = {
   variant?: VariantProps<typeof buttonVariants>["variant"];
   size?: VariantProps<typeof buttonVariants>["size"];
   loading?: boolean;
   tooltip?: React$1.ReactNode;
-  /**
-   * Overlay band for the tooltip popup. Needed when the button sits in floating
-   * chrome whose own band would otherwise paint over the popup.
-   */
-  tooltipLayer?: OverlayLayer | undefined;
 } & useRender.ComponentProps<"button">;
-declare function Button({ className, variant, size, render, loading, children, disabled, tooltip, tooltipLayer, ...props }: ButtonProps): React$1.JSX.Element;
+declare function Button({ className, variant, size, render, loading, children, disabled, tooltip, ...props }: ButtonProps): React$1.JSX.Element;
 //#endregion
 export { Button, buttonAccessibleDisabledClass, buttonVariants };

package/dist/components/button.js

@@ -50,7 +50,7 @@ const buttonVariants = cva("focus-visible:ring-ring focus-visible:ring-offset-ba
 		}
 	}
 });
-function Button({ className, variant, size, render, loading, children, disabled, tooltip, tooltipLayer, ...props }) {
+function Button({ className, variant, size, render, loading, children, disabled, tooltip, ...props }) {
 	const typeValue = render ? void 0 : "button";
 	const tooltipContent = tooltip ?? props["aria-label"] ?? props.title;
 	const disposition = resolveButtonDisposition({
@@ -90,8 +90,7 @@ function Button({ className, variant, size, render, loading, children, disabled,
 	});
 	return renderTooltipTrigger({
 		tooltip: tooltipContent,
-		trigger: button,
-		...tooltipLayer === void 0 ? {} : { layer: tooltipLayer }
+		trigger: button
 	});
 }
 //#endregion

package/dist/components/input-group.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/input-group.d.ts
 declare const InputGroup: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-  align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+  align?: "inline-end" | "inline-start" | "block-start" | "block-end" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const InputGroupAddon: ({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) => React$1.JSX.Element;
 declare const InputGroupText: ({ className, ...props }: React$1.ComponentProps<"span">) => React$1.JSX.Element;

package/dist/components/sidebar.d.ts

@@ -30,7 +30,7 @@ declare function useSidebar(): SidebarContextProps;
  * left for the content column. Mobile reports 0: there the sidebar is an
  * overlay sheet and occupies no layout width.
  */
-declare function useSidebarInlineSize(): 0 | 48 | 256;
+declare function useSidebarInlineSize(): 0 | 256 | 48;
 declare const SidebarProvider: ({ defaultOpen, forceCollapsed, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
   defaultOpen?: boolean;
   forceCollapsed?: boolean;
@@ -83,7 +83,7 @@ declare const SidebarMenu: ({ className, ...props }: React.ComponentProps<"ul">)
 declare const SidebarMenuItem: ({ className, ...props }: React.ComponentProps<"li">) => import("react").JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
-  size?: "default" | "sm" | "lg" | "rail" | null | undefined;
+  size?: "default" | "lg" | "sm" | "rail" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const SidebarMenuButton: ({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
   asChild?: boolean;

package/dist/components/tooltip-trigger-helper.d.ts

@@ -1,11 +1,9 @@
-import { OverlayLayer } from "../lib/overlay-layer.js";
 import * as React$1 from "react";
 //#region src/components/tooltip-trigger-helper.d.ts
 type TooltipTriggerOptions = {
   trigger: React$1.ReactElement;
   tooltip: React$1.ReactNode;
-  layer?: OverlayLayer | undefined;
 };
-declare const renderTooltipTrigger: ({ trigger, tooltip, layer }: TooltipTriggerOptions) => React$1.JSX.Element;
+declare const renderTooltipTrigger: ({ trigger, tooltip }: TooltipTriggerOptions) => React$1.JSX.Element;
 //#endregion
 export { renderTooltipTrigger };

package/dist/components/tooltip-trigger-helper.js

@@ -3,12 +3,9 @@ import { hasTooltipContent } from "../lib/tooltip-content.js";
 import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "./tooltip.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/tooltip-trigger-helper.tsx
-const renderTooltipTrigger = ({ trigger, tooltip, layer }) => {
+const renderTooltipTrigger = ({ trigger, tooltip }) => {
 	if (!hasTooltipContent(tooltip)) return trigger;
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: trigger }), /* @__PURE__ */ jsx(TooltipPopup, {
-		...layer === void 0 ? {} : { layer },
-		children: tooltip
-	})] });
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: trigger }), /* @__PURE__ */ jsx(TooltipPopup, { children: tooltip })] });
 };
 //#endregion
 export { renderTooltipTrigger };

package/dist/components/tooltip.d.ts

@@ -1,15 +1,13 @@
-import { OverlayLayer } from "../lib/overlay-layer.js";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 //#region src/components/tooltip.d.ts
 declare const TooltipCreateHandle: typeof Tooltip$1.createHandle;
 declare const TooltipProvider: import("react").FC<import("@base-ui/react").TooltipProviderProps>;
 declare const Tooltip: <Payload>(props: Tooltip$1.Root.Props<Payload>) => React.JSX.Element;
 declare const TooltipTrigger: (props: Tooltip$1.Trigger.Props) => import("react").JSX.Element;
-declare const TooltipPopup: ({ className, align, sideOffset, side, layer, children, ...props }: Tooltip$1.Popup.Props & {
+declare const TooltipPopup: ({ className, align, sideOffset, side, children, ...props }: Tooltip$1.Popup.Props & {
   align?: Tooltip$1.Positioner.Props["align"];
   side?: Tooltip$1.Positioner.Props["side"];
   sideOffset?: Tooltip$1.Positioner.Props["sideOffset"];
-  layer?: OverlayLayer;
 }) => import("react").JSX.Element;
 //#endregion
 export { Tooltip, TooltipPopup as TooltipContent, TooltipPopup, TooltipCreateHandle, TooltipProvider, TooltipTrigger };

package/dist/components/tooltip.js

@@ -12,9 +12,9 @@ const TooltipTrigger = (props) => /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
 	"data-slot": "tooltip-trigger",
 	...props
 });
-const TooltipPopup = ({ className, align = "center", sideOffset = 4, side = "top", layer = "default", children, ...props }) => /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
+const TooltipPopup = ({ className, align = "center", sideOffset = 4, side = "top", children, ...props }) => /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
 	align,
-	className: cn(CONTENT_SIZED_POSITIONER_CLASS_NAME, "transition-[top,left,right,bottom,transform] data-instant:transition-none", OVERLAY_LAYER_CLASS_NAMES[layer]),
+	className: cn(CONTENT_SIZED_POSITIONER_CLASS_NAME, "transition-[top,left,right,bottom,transform] data-instant:transition-none", OVERLAY_LAYER_CLASS_NAMES.popup),
 	collisionPadding: 8,
 	"data-slot": "tooltip-positioner",
 	side,

package/dist/lib/control-size.d.ts

@@ -5,6 +5,6 @@ declare const CONTROL_SIZE: Readonly<{
   readonly lg: "lg";
 }>;
 type ControlSize = (typeof CONTROL_SIZE)[keyof typeof CONTROL_SIZE];
-declare const CONTROL_SIZES: readonly ("default" | "sm" | "lg")[];
+declare const CONTROL_SIZES: readonly ("default" | "lg" | "sm")[];
 //#endregion
 export { CONTROL_SIZE, CONTROL_SIZES, type ControlSize };

package/dist/lib/overlay-layer.d.ts

@@ -23,12 +23,12 @@ export declare const OVERLAY_LAYER_CLASS_NAMES: {
    * regardless of mount order.
    */
   readonly "chrome-raised": "z-[81]";
-  /** Dialogs, sheets, popovers, tooltips: above chrome, below toasts. */
+  /** Dialogs, sheets, popovers: above chrome, below toasts. */
   readonly default: "z-[85]";
   /** Search sits a hair above a plain dialog so its own popup wins. */
   readonly search: "z-[86]";
   /**
-   * Transient popups — menu, select, combobox, context menus. Above everything
+   * Transient popups — menu, select, combobox, context menus, tooltips. Above everything
    * including the toast viewport (z-[90]), because any of them can be opened
    * *from* a dialog, a popover or a toast action and must cover its opener.
    * They sat at z-50 alongside dialogs, so which one won was decided by portal

package/dist/lib/overlay-layer.js

@@ -23,12 +23,12 @@ const OVERLAY_LAYER_CLASS_NAMES = {
 	* regardless of mount order.
 	*/
 	"chrome-raised": "z-[81]",
-	/** Dialogs, sheets, popovers, tooltips: above chrome, below toasts. */
+	/** Dialogs, sheets, popovers: above chrome, below toasts. */
 	default: "z-[85]",
 	/** Search sits a hair above a plain dialog so its own popup wins. */
 	search: "z-[86]",
 	/**
-	* Transient popups — menu, select, combobox, context menus. Above everything
+	* Transient popups — menu, select, combobox, context menus, tooltips. Above everything
 	* including the toast viewport (z-[90]), because any of them can be opened
 	* *from* a dialog, a popover or a toast action and must cover its opener.
 	* They sat at z-50 alongside dialogs, so which one won was decided by portal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/ui",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "description": "Stella's design system: bidi-aware React primitives built on Base UI, the dockable inspector pane, and the Tailwind v4 theme they are styled with.",
   "keywords": [
     "base-ui",