@nocoo/basalt 3.2.1 → 3.2.4

package/dist/components/section-rule.js

@@ -4,7 +4,7 @@ import { BASALT_UI_CLASS as t } from "../utils/control-surface.js";
 import { Tooltip as n, TooltipContent as r, TooltipProvider as i, TooltipTrigger as a } from "./tooltip.js";
 import { Info as o } from "lucide-react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/section-rule.tsx
+// src/components/section-rule.tsx
 function l({ title: l, hint: u, actions: d, className: f, children: p, variant: m = "label", ...h }) {
 	return /* @__PURE__ */ c("section", {
 		className: e(t, m === "heading" ? "space-y-basalt-layout" : "space-y-basalt-layout-sm", f),
@@ -39,7 +39,6 @@ function l({ title: l, hint: u, actions: d, className: f, children: p, variant:
 		}), p]
 	});
 }
-//#endregion
 export { l as SectionRule };
 
 //# sourceMappingURL=section-rule.js.map

package/dist/components/segment-control.js

@@ -3,7 +3,7 @@ import { cn as e } from "../utils/cn.js";
 import { ToggleGroup as t, ToggleGroupItem as n } from "./toggle-group.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/segment-control.tsx
+// src/components/segment-control.tsx
 var o = r.forwardRef(({ allOption: o, className: s, disabled: c = !1, legend: l, onValueChange: u, options: d, value: f, ...p }, m) => {
 	let h = r.useId(), g = o ? [{
 		...o,
@@ -40,7 +40,6 @@ var o = r.forwardRef(({ allOption: o, className: s, disabled: c = !1, legend: l,
 	});
 });
 o.displayName = "SegmentControl";
-//#endregion
 export { o as SegmentControl };
 
 //# sourceMappingURL=segment-control.js.map

package/dist/components/select.js

@@ -7,7 +7,7 @@ import * as o from "react";
 import { Check as s, ChevronDown as c } from "lucide-react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import * as d from "@radix-ui/react-select";
-//#region src/components/select.tsx
+// src/components/select.tsx
 var f = d.Root, p = d.Value, m = d.Group, h = {
 	sm: "basalt-action basalt-action-sm",
 	default: "basalt-action",
@@ -60,7 +60,6 @@ var y = o.forwardRef(({ className: t, children: n, ...i }, a) => /* @__PURE__ */
 	})]
 }));
 y.displayName = d.Item.displayName;
-//#endregion
 export { f as Select, v as SelectContent, m as SelectGroup, y as SelectItem, _ as SelectLabel, g as SelectTrigger, p as SelectValue };
 
 //# sourceMappingURL=select.js.map

package/dist/components/sensitive-input.js

@@ -6,7 +6,7 @@ import { Input as r } from "./input.js";
 import * as i from "react";
 import { Eye as a, EyeOff as o } from "lucide-react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/sensitive-input.tsx
+// src/components/sensitive-input.tsx
 var l = i.forwardRef(({ className: l, revealLabel: u, hideLabel: d, disabled: f, size: p = "default", passwordManagerIgnore: m = !1, ...h }, g) => {
 	let [_, v] = i.useState(!1);
 	return /* @__PURE__ */ c("div", {
@@ -35,7 +35,6 @@ var l = i.forwardRef(({ className: l, revealLabel: u, hideLabel: d, disabled: f,
 	});
 });
 l.displayName = "SensitiveInput";
-//#endregion
 export { l as SensitiveInput };
 
 //# sourceMappingURL=sensitive-input.js.map

package/dist/components/separator.js

@@ -3,7 +3,7 @@ import { cn as e } from "../utils/cn.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-separator";
-//#region src/components/separator.tsx
+// src/components/separator.tsx
 var i = t.forwardRef(({ className: t, orientation: i = "horizontal", decorative: a = !0, ...o }, s) => /* @__PURE__ */ n(r.Root, {
 	ref: s,
 	decorative: a,
@@ -12,7 +12,6 @@ var i = t.forwardRef(({ className: t, orientation: i = "horizontal", decorative:
 	...o
 }));
 i.displayName = r.Root.displayName;
-//#endregion
 export { i as Separator };
 
 //# sourceMappingURL=separator.js.map

package/dist/components/sheet.js

@@ -5,7 +5,7 @@ import { OVERLAY_LAYER as n, OVERLAY_MOTION as r } from "./overlay.js";
 import * as i from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import * as s from "@radix-ui/react-dialog";
-//#region src/components/sheet.tsx
+// src/components/sheet.tsx
 var c = s.Root, l = s.Trigger, u = s.Close, d = i.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Title, {
 	ref: r,
 	className: e("text-basalt-xl font-semibold leading-basalt-tight tracking-tight", t),
@@ -53,7 +53,6 @@ var g = ({ className: t, ...n }) => /* @__PURE__ */ a("div", {
 	...n
 });
 g.displayName = "SheetFooter";
-//#endregion
 export { c as Sheet, u as SheetClose, m as SheetContent, f as SheetDescription, g as SheetFooter, h as SheetHeader, d as SheetTitle, l as SheetTrigger };
 
 //# sourceMappingURL=sheet.js.map

package/dist/components/sidebar.d.ts

@@ -1,4 +1,5 @@
-import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode, type RefObject } from "react";
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode, type RefObject } from "react";
+import { type ButtonProps } from "./button.js";
 export type SidebarSide = "left" | "right";
 export interface SidebarContextValue {
     /**
@@ -102,11 +103,34 @@ export type SidebarProps = HTMLAttributes<HTMLElement> & {
      * @default false
      */
     collapsed?: boolean;
+    /**
+     * Show the resize handle for an expanded provider-backed sidebar.
+     * @default true
+     */
+    resizable?: boolean;
 };
-export declare function Sidebar({ collapsed: collapsedProp, className, children, onMouseEnter, onMouseLeave, style, ...props }: SidebarProps): import("react").JSX.Element;
+export declare function Sidebar({ collapsed: collapsedProp, resizable, className, children, onMouseEnter, onMouseLeave, style, ...props }: SidebarProps): import("react").JSX.Element;
 export interface SidebarHeaderProps extends HTMLAttributes<HTMLDivElement> {
 }
 export declare function SidebarHeader({ className, ...props }: SidebarHeaderProps): import("react").JSX.Element;
+export interface SidebarBrandProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Brand mark rendered in the fixed collapsed-rail slot. */
+    logo: ReactNode;
+    /** Product or workspace name. */
+    name: ReactNode;
+    /** Optional version or release metadata, rendered at the auxiliary type size. */
+    version?: ReactNode;
+    /** Optional trailing action, conventionally a `SidebarToggle`. */
+    action?: ReactNode;
+}
+export declare function SidebarBrand({ logo, name, version, action, className, ...props }: SidebarBrandProps): import("react").JSX.Element;
+export interface SidebarToggleProps extends Omit<ButtonProps, "children" | "size" | "aria-expanded"> {
+    /** Accessible label while the sidebar is collapsed. @default "Expand sidebar" */
+    expandLabel?: string;
+    /** Accessible label while the sidebar is expanded. @default "Collapse sidebar" */
+    collapseLabel?: string;
+}
+export declare function SidebarToggle({ "aria-label": ariaLabel, expandLabel, collapseLabel, onClick, variant, ...props }: SidebarToggleProps): import("react").JSX.Element;
 /**
  * Props for `SidebarSearch`. Renders a native `<button>` element and accepts all standard button HTML attributes and click handlers.
  */
@@ -124,25 +148,34 @@ export declare function SidebarNav({ className, ...props }: SidebarNavProps): im
 export interface SidebarPartitionProps extends HTMLAttributes<HTMLParagraphElement> {
 }
 export declare function SidebarPartition({ className, ...props }: SidebarPartitionProps): import("react").JSX.Element;
-export type SidebarItemProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Mark the item as the current page.
-     * @default false
-     */
+type SidebarRowProps = {
+    /** Mark the item as the current page. @default false */
     active?: boolean;
+    /** Item content. */
+    children?: ReactNode;
+    /** Additional CSS classes. */
+    className?: string;
 };
-export declare function SidebarItem({ active, className, ...props }: SidebarItemProps): import("react").JSX.Element;
-/**
- * Props for `SidebarIconItem`. Accepts standard button HTML attributes. The caller is responsible for providing accessible labeling via `aria-label` or `aria-labelledby` as icon buttons do not automatically generate accessible names.
- */
-export interface SidebarIconItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Mark the icon button as active page item.
-     * @default false
-     */
-    active?: boolean;
-}
-export declare function SidebarIconItem({ active, className, ...props }: SidebarIconItemProps): import("react").JSX.Element;
+type SidebarButtonRowProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "disabled"> & SidebarRowProps & {
+    asChild?: false;
+    disabled?: boolean;
+    href?: never;
+};
+type SidebarSlotRowProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "disabled"> & SidebarRowProps & {
+    /** Render the item onto its single enabled child element. */
+    asChild: true;
+    disabled?: never;
+    href?: never;
+};
+type SidebarLinkRowProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "className" | "href"> & SidebarRowProps & {
+    /** Application route interpreted by LinkProvider. */
+    href: string;
+    asChild?: never;
+};
+export type SidebarItemProps = SidebarButtonRowProps | SidebarSlotRowProps | SidebarLinkRowProps;
+export declare function SidebarItem(props: SidebarItemProps): import("react").JSX.Element;
+export type SidebarIconItemProps = SidebarButtonRowProps | SidebarSlotRowProps | SidebarLinkRowProps;
+export declare function SidebarIconItem(props: SidebarIconItemProps): import("react").JSX.Element;
 /**
  * Props for `SidebarGroup`. Uncontrolled collapsible section that accepts only the documented properties. It does not accept controlled open props or arbitrary DOM attributes.
  */
@@ -193,3 +226,4 @@ export interface ContentIslandProps extends HTMLAttributes<HTMLDivElement> {
     mobileSurface?: "inset" | "edge-to-edge";
 }
 export declare function ContentIsland({ mobileSurface, className, ...props }: ContentIslandProps): import("react").JSX.Element;
+export {};