@stll/ui 0.29.1 → 0.30.0

package/dist/components/button.d.ts

@@ -14,8 +14,8 @@ import { VariantProps } from "class-variance-authority";
  */
 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" | "destructive-ghost" | "ghost" | "muted" | "outline" | "secondary" | null | undefined;
+  size?: "default" | "xs" | "sm" | "icon" | "chip" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "xl" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "outline" | "destructive-outline" | "destructive-ghost" | "ghost" | "muted" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonProps = {
   variant?: VariantProps<typeof buttonVariants>["variant"];

package/dist/components/court-badge.d.ts

@@ -1,6 +1,6 @@
 //#region src/components/court-badge.d.ts
 /**
- * How a court's abbreviation is drawn: solid ink for the apex, then lighter
+ * How a court's abbreviation is drawn: a firm edge for the apex, then lighter
  * treatments down the instances.
  *
  * A rank, not a status, so the scale is weight and not colour. Colour here

package/dist/components/court-badge.js

@@ -8,9 +8,17 @@ const COURT_BADGE_BASE_CLASS = "inline-flex shrink-0 items-center rounded-sm bor
 * find. The lighter weights write their text in `foreground-strong-muted`
 * rather than `muted-foreground`: two capitals are not a paragraph a reader
 * can infer from context, so they hold body-text contrast in both themes.
+*
+* Every weight also writes its text in a foreground token on a tint, never
+* inverted on a fill. The apex is separated by the strength of its edge, not
+* by a block of ink: an ink block is the one treatment whose legibility
+* depends on `text-background` surviving intact, and it reads as a filled
+* square among chips whose surfaces are 4% tints — the two capitals inside it
+* carry the whole fact, with no contrast to spare if anything composites them.
+* Weight, applied to the border, says the same thing and cannot fail that way.
 */
 const WEIGHT_CLASS = {
-	solid: "border-foreground bg-foreground text-background",
+	solid: "border-foreground bg-muted text-foreground",
 	tinted: "border-border bg-muted text-foreground",
 	outline: "border-border text-foreground-strong-muted",
 	dashed: "border-border border-dashed text-foreground-strong-muted"

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/select.d.ts

@@ -10,13 +10,12 @@ declare const SelectTrigger: ({ className, size, children, ...props }: Select$1.
   size?: ControlSize;
 }) => React$1.JSX.Element;
 declare const SelectValue: ({ className, children, placeholder, ...props }: Select$1.Value.Props) => React$1.JSX.Element;
-declare const SelectPopup: ({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, collisionAvoidance, ...props }: Select$1.Popup.Props & {
+declare const SelectPopup: ({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & {
   side?: Select$1.Positioner.Props["side"];
   sideOffset?: Select$1.Positioner.Props["sideOffset"];
   align?: Select$1.Positioner.Props["align"];
   alignOffset?: Select$1.Positioner.Props["alignOffset"];
   alignItemWithTrigger?: Select$1.Positioner.Props["alignItemWithTrigger"];
-  collisionAvoidance?: Select$1.Positioner.Props["collisionAvoidance"];
 }) => React$1.JSX.Element;
 declare const SelectItem: ({ className, children, label: _label, ...props }: SelectItemProps) => React$1.JSX.Element;
 declare const SelectSeparator: ({ className, ...props }: Select$1.Separator.Props) => React$1.JSX.Element;

package/dist/components/select.js

@@ -61,17 +61,11 @@ const SelectValue = ({ className, children, placeholder, ...props }) => {
 		children: renderSelectedDisplay(displays, placeholder)
 	});
 };
-const DEFAULT_COLLISION_AVOIDANCE = {
-	align: "shift",
-	fallbackAxisSide: "none",
-	side: "none"
-};
-const SelectPopup = ({ className, children, side = "bottom", sideOffset = 4, align = "start", alignOffset = 0, alignItemWithTrigger = true, collisionAvoidance = DEFAULT_COLLISION_AVOIDANCE, ...props }) => /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
+const SelectPopup = ({ className, children, side = "bottom", sideOffset = 4, align = "start", alignOffset = 0, alignItemWithTrigger = true, ...props }) => /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, {
 	align,
 	alignItemWithTrigger,
 	alignOffset,
 	className: cn(OVERLAY_LAYER_CLASS_NAMES.popup, "select-none"),
-	collisionAvoidance,
 	"data-slot": "select-positioner",
 	side,
 	sideOffset,

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;
@@ -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" | "lg" | "sm" | "rail" | null | undefined;
+  size?: "default" | "sm" | "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/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 ("default" | "sm" | "lg")[];
 //#endregion
 export { CONTROL_SIZE, CONTROL_SIZES, type ControlSize };

package/package.json

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