@stenajs-webui/core 23.12.10 → 23.12.11

package/dist/components/util/Slot.d.ts

@@ -0,0 +1,23 @@
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+/**
+ * Slot merges its own props onto its single child element rather than rendering
+ * a DOM element of its own. This enables the "asChild" pattern, where a
+ * component delegates rendering to whatever element the caller provides.
+ *
+ * Props are applied in this order (later wins):
+ *   1. Slot's own props (e.g. className, event handlers, ref)
+ *   2. Child's own props (so the caller always has the final say on things like href, to, onClick)
+ *
+ * classNames from both sides are merged so that design-system styles
+ * are always applied alongside any classes the child brings.
+ *
+ * @example
+ * A NavBarLink that renders a React Router <Link> but keeps its own styles:
+ * <NavBarLink asChild>
+ *   <Link to="/dashboard">Dashboard</Link>
+ * </NavBarLink>
+ */
+export declare const Slot: import("react").ForwardRefExoticComponent<SlotProps & import("react").RefAttributes<HTMLElement>>;
+export {};

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export * from "./components/layout/indent/Indent";
 export * from "./components/layout/spacing/Spacing";
 export * from "./components/layout/space/Space";
 export * from "./components/util/Nest";
+export * from "./components/util/Slot";
 export * from "./accessibility/accessible-font-size-detector/AccessibleFontSizeProvider";
 export * from "./accessibility/accessible-font-size-detector/UseAccessibleFontSizeContext";
 export * from "./accessibility/screen-reader-only-text/ScreenReaderOnlyText";