@stll/ui 0.16.0 → 0.16.1

package/dist/components/button-variants.d.ts

@@ -10,8 +10,8 @@
  */
 declare const buttonAccessibleDisabledClass = "cursor-not-allowed opacity-64";
 declare const buttonVariants: (props?: ({
-  size?: "xs" | "sm" | "icon" | "default" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "xl" | null | undefined;
-  variant?: "link" | "destructive" | "outline" | "default" | "destructive-outline" | "ghost" | "secondary" | null | undefined;
+  size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "sm" | "xl" | "xs" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "destructive-outline" | "ghost" | "outline" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 export { buttonAccessibleDisabledClass, buttonVariants };

package/dist/inspector/dock.d.ts

@@ -15,6 +15,12 @@ import { ReactNode } from "react";
  * which is exactly the failure the spacer exists to prevent. With the width
  * on the root, the dock reserves the same footprint in a flex row, a grid
  * track, or a plain block.
+ *
+ * The permanent rail sits on the pane's inline-start edge, the same order
+ * the workspace inspector panel uses: collapsed, the rail is the whole dock
+ * on the viewport edge; expanded, the pane opens beyond the rail, so the
+ * rail keeps its place beside the content and its tabs and toggle stay next
+ * to the pane they drive instead of jumping to the far edge of the screen.
  */
 type InspectorResizeHandleProps = {
   "aria-orientation": "vertical";
@@ -32,7 +38,7 @@ type InspectorResizeHandleProps = {
 type InspectorDockProps = {
   children: ReactNode;
   className?: string | undefined;
-  /** Permanent inline-end rail shown beside the pane, or by itself when collapsed. */
+  /** Permanent rail on the pane's inline-start edge, or by itself when collapsed. */
   rail?: ReactNode | undefined;
   /** Accessible name for the drag handle. */
   resizeHandleLabel: string;

package/dist/inspector/dock.js

@@ -28,10 +28,10 @@ const InspectorDock = ({ children, className, onResetWidth, rail, resizeHandleLa
 				onDoubleClick: onResetWidth
 			}), showPaneContent || rail === void 0 ? /* @__PURE__ */ jsxs("div", {
 				className: "bg-sidebar flex h-full w-full flex-row",
-				children: [/* @__PURE__ */ jsx("div", {
+				children: [rail, /* @__PURE__ */ jsx("div", {
 					className: "min-w-0 flex-1",
 					children
-				}), rail]
+				})]
 			}) : rail]
 		})]
 	});

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 ("sm" | "default" | "lg")[];
+declare const CONTROL_SIZES: readonly ("default" | "lg" | "sm")[];
 //#endregion
 export { CONTROL_SIZE, CONTROL_SIZES, type ControlSize };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/ui",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "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",