@qeetrix/react 0.0.1 → 0.0.4

package/dist/stack/stack.d.ts

@@ -0,0 +1,17 @@
+import { RenderProp } from "../internal/render.js";
+import { Space } from "../internal/space.js";
+import { ComponentProps, ReactElement } from "react";
+export type StackAlign = "start" | "center" | "end" | "stretch";
+export type FlowJustify = "start" | "center" | "end" | "between";
+export interface StackProps extends ComponentProps<"div"> {
+  /** Space between children, from the space scale. Default `md` (12px). */
+  gap?: Space;
+  /** Cross-axis alignment. Default `stretch`. */
+  align?: StackAlign;
+  /** Main-axis distribution. */
+  justify?: FlowJustify;
+  /** Render a different element, e.g. `<ul />`. */
+  render?: RenderProp;
+}
+/** A vertical flow with token gaps. */
+export declare function Stack({ gap, align, justify, render, className, ...props }: StackProps): ReactElement;

package/dist/stack/stack.js

@@ -0,0 +1,15 @@
+import { cx } from "../internal/cx.js";
+import { renderElement } from "../internal/render.js";
+// src/stack/stack.tsx
+/** A vertical flow with token gaps. */
+function Stack({ gap = "md", align, justify, render, className, ...props }) {
+	return renderElement("div", render, {
+		...props,
+		className: cx("qx-stack", className),
+		"data-slot": "stack",
+		"data-gap": gap,
+		"data-align": align,
+		"data-justify": justify
+	});
+}
+export { Stack };