@stll/ui 0.25.0 → 0.25.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?: "default" | "chip" | "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;
+  size?: "xs" | "sm" | "icon" | "default" | "chip" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "xl" | null | undefined;
+  variant?: "link" | "destructive" | "outline" | "default" | "destructive-outline" | "ghost" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 export { buttonAccessibleDisabledClass, buttonVariants };

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-start" | "block-end" | null | undefined;
+  align?: "inline-end" | "inline-start" | "block-end" | "block-start" | 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 | 256 | 48;
+declare function useSidebarInlineSize(): 0 | 48 | 256;
 declare const SidebarProvider: ({ defaultOpen, forceCollapsed, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
   defaultOpen?: boolean;
   forceCollapsed?: boolean;
@@ -82,8 +82,8 @@ declare const SidebarGroupContent: ({ className, ...props }: React.ComponentProp
 declare const SidebarMenu: ({ className, ...props }: React.ComponentProps<"ul">) => import("react").JSX.Element;
 declare const SidebarMenuItem: ({ className, ...props }: React.ComponentProps<"li">) => import("react").JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "default" | "lg" | "sm" | "rail" | null | undefined;
+  variant?: "outline" | "default" | null | undefined;
+  size?: "sm" | "default" | "lg" | "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/inspector/chrome.js

@@ -45,7 +45,7 @@ const InspectorRailCell = ({ className, ...props }) => /* @__PURE__ */ jsx("div"
 });
 /** Scroll owner for rail tabs and other middle actions. */
 const InspectorRailContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto overscroll-contain", className),
+	className: cn("scrollbar-subtle flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto overscroll-contain", className),
 	"data-slot": "inspector-rail-content",
 	...props
 });
@@ -110,7 +110,7 @@ const InspectorActions = ({ className, ...props }) => /* @__PURE__ */ jsx("div",
 * being navigable.
 */
 const InspectorContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto overscroll-contain", className),
+	className: cn("scrollbar-subtle flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto overscroll-contain", className),
 	"data-slot": "inspector-content",
 	...props
 });

package/dist/kanban/grouping.js

@@ -1,4 +1,15 @@
+import { panic } from "better-result";
 //#region src/kanban/grouping.ts
+/**
+* Kanban grouping: which columns a board has, and which rows may appear on it.
+*
+* The module never inspects a row. A caller describes its board with a
+* `KanbanSchema`: the properties a board may group by, plus the built-in group
+* resolvers for columns that do not come from a property (a status enum, a kind
+* enum). The column list, the uncategorized bucket, and the row scope all
+* derive from that description, so grouping has no opinion about what is being
+* grouped.
+*/
 /** Resolve a stored group-by id against a schema. */
 const resolveKanbanGrouping = ({ groupBy, schema }) => {
 	if (groupBy === "") return { type: "none" };
@@ -22,7 +33,7 @@ const getKanbanGroupingPropertyId = (grouping) => {
 		case "none": return null;
 		case "built-in":
 		case "property": return grouping.propertyId;
-		default: return grouping;
+		default: return panic(`Unhandled grouping: ${String(grouping)}`);
 	}
 };
 /**
@@ -36,7 +47,7 @@ const isKanbanGroupingRenderable = (grouping) => {
 		case "none": return false;
 		case "built-in": return grouping.group.options.length > 0;
 		case "property": return true;
-		default: return grouping;
+		default: return panic(`Unhandled grouping: ${String(grouping)}`);
 	}
 };
 /** The rows a grouping can place on the board, in their incoming order. */
@@ -45,7 +56,7 @@ const selectKanbanRows = (rows, grouping) => {
 		case "none": return [];
 		case "built-in": return grouping.group.selectRows ? grouping.group.selectRows(rows) : [...rows];
 		case "property": return [...rows];
-		default: return grouping;
+		default: return panic(`Unhandled grouping: ${String(grouping)}`);
 	}
 };
 /** The static column options for a grouping, excluding uncategorized. */
@@ -54,7 +65,7 @@ const resolveKanbanGroupOptions = (grouping) => {
 		case "none": return [];
 		case "built-in": return grouping.group.options;
 		case "property": return grouping.options;
-		default: return grouping;
+		default: return panic(`Unhandled grouping: ${String(grouping)}`);
 	}
 };
 /** Append the uncategorized bucket (null value) after the options. */

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

package/dist/review/review-decision-actions.js

@@ -2,6 +2,7 @@ import { cn } from "../lib/utils.js";
 import { Button } from "../components/button.js";
 import { CheckIcon, RotateCcwIcon, XIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { panic } from "better-result";
 //#region src/review/review-decision-actions.tsx
 /** Accept / reject / revert / reopen, in one shape, for every review surface. */
 const ReviewDecisionActions = ({ state, onAccept, onReject, onRevert, onReopen, size = "sm", acceptLabel, rejectLabel, revertLabel, reopenLabel, acceptTooltip, rejectTooltip, disabled = false, className }) => {
@@ -67,7 +68,7 @@ const renderControls = ({ acceptLabel, acceptTooltip, disabled, onAccept, onReje
 				variant: "ghost",
 				children: /* @__PURE__ */ jsx(RotateCcwIcon, {})
 			})] });
-		default: return null;
+		default: return panic(`Unhandled state: ${String(state)}`);
 	}
 };
 //#endregion

package/dist/review/review-diff-text.js

@@ -1,5 +1,6 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
+import { panic } from "better-result";
 //#region src/review/review-diff-text.tsx
 const TRACKED_DELETION_STYLE = {
 	color: "color-mix(in oklch, var(--destructive) 35%, var(--muted-foreground))",
@@ -60,7 +61,7 @@ const ReviewDiffSegmentSpan = ({ segment }) => {
 		case "equal": return /* @__PURE__ */ jsx("span", { children: segment.text });
 		default:
 			segment.type;
-			return null;
+			return panic(`Unhandled type: ${String(segment.type)}`);
 	}
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/ui",
-  "version": "0.25.0",
+  "version": "0.25.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",
@@ -604,7 +604,7 @@
     "@tanstack/react-virtual": "^3.14.10",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "bun-types": "1.4.1",
+    "bun-types": "1.4.2",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "tailwindcss": "4.3.3",