@sentropic/design-system-react 0.4.0 → 0.6.0

package/dist/Col.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export type ColSpan = number | "auto";
+export type ColProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Number of 12-grid columns to span, or "auto" to size to content. */
+    span?: ColSpan;
+    /** Columns to offset (0..11) via margin-inline-start. */
+    offset?: number;
+    /** Responsive overrides applied at and above the breakpoint. */
+    sm?: ColSpan;
+    md?: ColSpan;
+    lg?: ColSpan;
+    as?: string;
+    className?: string;
+};
+/** Width expression for a given span. Accounts for the shared row gutter so a
+    full 12 columns still fit on one line (gap-based layout). */
+export declare function spanBasis(span: ColSpan | undefined): string | undefined;
+export declare function offsetMargin(offset: number | undefined): string | undefined;
+export declare const Col: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Number of 12-grid columns to span, or "auto" to size to content. */
+    span?: ColSpan;
+    /** Columns to offset (0..11) via margin-inline-start. */
+    offset?: number;
+    /** Responsive overrides applied at and above the breakpoint. */
+    sm?: ColSpan;
+    md?: ColSpan;
+    lg?: ColSpan;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Col.d.ts.map

package/dist/Col.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.d.ts","sourceRoot":"","sources":["../src/Col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAC5E,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;gEACgE;AAChE,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAOvE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM3E;AAED,eAAO,MAAM,GAAG;IA/Bd,uEAAuE;WAChE,OAAO;IACd,yDAAyD;aAChD,MAAM;IACf,gEAAgE;SAC3D,OAAO;SACP,OAAO;SACP,OAAO;SACP,MAAM;gBACC,MAAM;qCAuDnB,CAAC"}

package/dist/Col.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+/** Width expression for a given span. Accounts for the shared row gutter so a
+    full 12 columns still fit on one line (gap-based layout). */
+export function spanBasis(span) {
+    if (span == null)
+        return undefined;
+    if (span === "auto")
+        return "auto";
+    const clamped = Math.max(1, Math.min(12, Math.round(span)));
+    const ratio = clamped / 12;
+    // Subtract this column's share of the inter-column gutters.
+    return `calc(${ratio * 100}% - var(--st-row-gutter, 0px) * ${(12 - clamped) / 12})`;
+}
+export function offsetMargin(offset) {
+    if (!offset)
+        return undefined;
+    const clamped = Math.max(0, Math.min(11, Math.round(offset)));
+    if (clamped === 0)
+        return undefined;
+    const ratio = clamped / 12;
+    return `calc(${ratio * 100}% + var(--st-row-gutter, 0px) * ${ratio})`;
+}
+export const Col = React.forwardRef(({ span = "auto", offset = 0, sm, md, lg, as = "div", className, style, children, ...rest }, ref) => {
+    const Tag = as;
+    const isAuto = span === "auto";
+    const basis = spanBasis(span);
+    const mergedStyle = {
+        flexBasis: basis,
+        maxInlineSize: isAuto ? undefined : basis,
+        flexGrow: isAuto ? 1 : 0,
+        marginInlineStart: offsetMargin(offset),
+        "--st-col-sm": spanBasis(sm),
+        "--st-col-md": spanBasis(md),
+        "--st-col-lg": spanBasis(lg),
+        ...style,
+    };
+    return (_jsx(Tag, { ...rest, ref: ref, className: classNames("st-col", isAuto && "st-col--auto", sm != null && "st-col--has-sm", md != null && "st-col--has-md", lg != null && "st-col--has-lg", className), style: mergedStyle, children: children }));
+});
+Col.displayName = "Col";
+//# sourceMappingURL=Col.js.map

package/dist/Col.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.js","sourceRoot":"","sources":["../src/Col.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB7C;gEACgE;AAChE,MAAM,UAAU,SAAS,CAAC,IAAyB;IACjD,IAAI,IAAI,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IACnC,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC;IACnC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,OAAO,GAAG,EAAE,CAAC;IAC3B,4DAA4D;IAC5D,OAAO,QAAQ,KAAK,GAAG,GAAG,mCAAmC,CAAC,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAA0B;IACrD,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAI,OAAO,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IACpC,MAAM,KAAK,GAAG,OAAO,GAAG,EAAE,CAAC;IAC3B,OAAO,QAAQ,KAAK,GAAG,GAAG,mCAAmC,KAAK,GAAG,CAAC;AACxE,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAClG,MAAM,GAAG,GAAG,EAAuB,CAAC;IACpC,MAAM,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IAC/B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,KAAK;QAChB,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;QACzC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC;QACvC,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC;QAC5B,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC;QAC5B,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC;QAC5B,GAAG,KAAK;KACc,CAAC;IACzB,OAAO,CACL,KAAC,GAAG,OACE,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,QAAQ,EACR,MAAM,IAAI,cAAc,EACxB,EAAE,IAAI,IAAI,IAAI,gBAAgB,EAC9B,EAAE,IAAI,IAAI,IAAI,gBAAgB,EAC9B,EAAE,IAAI,IAAI,IAAI,gBAAgB,EAC9B,SAAS,CACV,EACD,KAAK,EAAE,WAAW,YAEjB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/Container.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export type ContainerSize = "sm" | "md" | "lg" | "xl" | "full";
+export type ContainerProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    size?: ContainerSize;
+    /** Apply horizontal padding using the spacing scale. */
+    padding?: boolean;
+    as?: string;
+    className?: string;
+};
+export declare const Container: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    size?: ContainerSize;
+    /** Apply horizontal padding using the spacing scale. */
+    padding?: boolean;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Container.d.ts.map

package/dist/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../src/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAClF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS;WAPb,aAAa;IACpB,wDAAwD;cAC9C,OAAO;SACZ,MAAM;gBACC,MAAM;qCAqBnB,CAAC"}

package/dist/Container.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const Container = React.forwardRef(({ size = "lg", padding = true, as = "div", className, children, ...rest }, ref) => {
+    const Tag = as;
+    return (_jsx(Tag, { ...rest, ref: ref, className: classNames("st-container", `st-container--${size}`, padding && "st-container--padded", className), children: children }));
+});
+Container.displayName = "Container";
+//# sourceMappingURL=Container.js.map

package/dist/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../src/Container.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY7C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,GAAG,GAAG,EAAuB,CAAC;IACpC,OAAO,CACL,KAAC,GAAG,OACE,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,cAAc,EACd,iBAAiB,IAAI,EAAE,EACvB,OAAO,IAAI,sBAAsB,EACjC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/Divider.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+export type DividerOrientation = "horizontal" | "vertical";
+export type DividerVariant = "solid" | "dashed";
+export type DividerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    orientation?: DividerOrientation;
+    /** Spacing scale step (0..12) applied as margin around the divider. */
+    spacing?: number;
+    /** Optional label centered on a horizontal divider line. */
+    label?: string;
+    variant?: DividerVariant;
+    className?: string;
+};
+export declare const Divider: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    orientation?: DividerOrientation;
+    /** Spacing scale step (0..12) applied as margin around the divider. */
+    spacing?: number;
+    /** Optional label centered on a horizontal divider line. */
+    label?: string;
+    variant?: DividerVariant;
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../src/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACnF,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO;kBATJ,kBAAkB;IAChC,uEAAuE;cAC7D,MAAM;IAChB,4DAA4D;YACpD,MAAM;cACJ,cAAc;gBACZ,MAAM;wCAiDnB,CAAC"}

package/dist/Divider.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { spacingToken } from "./Flex.js";
+export const Divider = React.forwardRef(({ orientation = "horizontal", spacing, label, variant = "solid", className, style, ...rest }, ref) => {
+    const isVertical = orientation === "vertical";
+    const hasLabel = !isVertical && label != null && label !== "";
+    const margin = spacingToken(spacing);
+    const classes = classNames("st-divider", `st-divider--${orientation}`, `st-divider--${variant}`, hasLabel && "st-divider--labeled", className);
+    if (hasLabel) {
+        return (_jsxs("div", { ...rest, ref: ref, className: classes, role: "separator", "aria-orientation": "horizontal", style: { marginBlock: margin, ...style }, children: [_jsx("span", { className: "st-divider__line", "aria-hidden": "true" }), _jsx("span", { className: "st-divider__label", children: label }), _jsx("span", { className: "st-divider__line", "aria-hidden": "true" })] }));
+    }
+    return (_jsx("div", { ...rest, ref: ref, className: classes, role: "separator", "aria-orientation": orientation, style: {
+            marginBlock: isVertical ? undefined : margin,
+            marginInline: isVertical ? margin : undefined,
+            ...style,
+        } }));
+});
+Divider.displayName = "Divider";
+//# sourceMappingURL=Divider.js.map

package/dist/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAezC,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;IAC9C,MAAM,QAAQ,GAAG,CAAC,UAAU,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;IAC9D,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,OAAO,GAAG,UAAU,CACxB,YAAY,EACZ,eAAe,WAAW,EAAE,EAC5B,eAAe,OAAO,EAAE,EACxB,QAAQ,IAAI,qBAAqB,EACjC,SAAS,CACV,CAAC;IAEF,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,kBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,WAAW,sBACC,YAAY,EAC7B,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,aAExC,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,GAAG,EACxD,eAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,EAClD,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,GAAG,IACpD,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,WAAW,sBACE,WAAW,EAC7B,KAAK,EAAE;YACL,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YAC5C,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAC7C,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/Flex.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
+export type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
+export type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
+export type FlexProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    direction?: FlexDirection;
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    inline?: boolean;
+    as?: string;
+    className?: string;
+};
+/** Resolve a spacing step to a `var(--st-spacing-N, fallback)` expression. */
+export declare function spacingToken(step: number | undefined): string | undefined;
+export declare function alignValue(align: FlexAlign | undefined): string | undefined;
+export declare function justifyValue(justify: FlexJustify | undefined): string | undefined;
+export declare const Flex: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    direction?: FlexDirection;
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    inline?: boolean;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Flex.d.ts.map

package/dist/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../src/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAChF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEvF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAC7E,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAoBF,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKzE;AAmBD,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAE3E;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEjF;AAED,eAAO,MAAM,IAAI;gBA9DH,aAAa;IACzB,6DAA6D;UACvD,MAAM;YACJ,SAAS;cACP,WAAW;WACd,OAAO;aACL,OAAO;SACX,MAAM;gBACC,MAAM;qCAuFnB,CAAC"}

package/dist/Flex.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+/** rem fallbacks for the Sent Tech spacing scale (steps 5/7/9/10/11 are
+    interpolated since no token exists, but the var() is still preferred). */
+const SPACING_FALLBACK = {
+    0: "0",
+    1: "0.25rem",
+    2: "0.5rem",
+    3: "0.75rem",
+    4: "1rem",
+    5: "1.25rem",
+    6: "1.5rem",
+    7: "1.75rem",
+    8: "2rem",
+    9: "2.25rem",
+    10: "2.5rem",
+    11: "2.75rem",
+    12: "3rem",
+};
+/** Resolve a spacing step to a `var(--st-spacing-N, fallback)` expression. */
+export function spacingToken(step) {
+    if (step == null)
+        return undefined;
+    const clamped = Math.max(0, Math.min(12, Math.round(step)));
+    if (clamped === 0)
+        return "0";
+    return `var(--st-spacing-${clamped}, ${SPACING_FALLBACK[clamped]})`;
+}
+const ALIGN = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    stretch: "stretch",
+    baseline: "baseline",
+};
+const JUSTIFY = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    between: "space-between",
+    around: "space-around",
+    evenly: "space-evenly",
+};
+export function alignValue(align) {
+    return align ? ALIGN[align] : undefined;
+}
+export function justifyValue(justify) {
+    return justify ? JUSTIFY[justify] : undefined;
+}
+export const Flex = React.forwardRef(({ direction = "row", gap, align, justify, wrap = false, inline = false, as = "div", className, style, children, ...rest }, ref) => {
+    const Tag = as;
+    const mergedStyle = {
+        display: inline ? "inline-flex" : "flex",
+        flexDirection: direction,
+        flexWrap: wrap ? "wrap" : "nowrap",
+        alignItems: alignValue(align),
+        justifyContent: justifyValue(justify),
+        gap: spacingToken(gap),
+        ...style,
+    };
+    return (_jsx(Tag, { ...rest, ref: ref, className: classNames("st-flex", className), style: mergedStyle, children: children }));
+});
+Flex.displayName = "Flex";
+//# sourceMappingURL=Flex.js.map

package/dist/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../src/Flex.tsx"],"names":[],"mappings":"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"}

package/dist/ForceGraph.d.ts

@@ -1,3 +1,3 @@
-export { ForceGraph, GraphLegend, nodeShapePath } from "./catalog.js";
-export type { ForceGraphProps, ForceGraphNode, ForceGraphEdge, ForceGraphTone, ForceGraphNodeShape, ForceGraphLegendEntry, GraphLegendProps, } from "./catalog.js";
+export { ForceGraph, GraphLegend, nodeShapePath, edgeDashArray } from "./catalog.js";
+export type { ForceGraphProps, ForceGraphNode, ForceGraphEdge, ForceGraphTone, ForceGraphNodeShape, ForceGraphEdgeDash, ForceGraphLegendEntry, GraphLegendProps, } from "./catalog.js";
 //# sourceMappingURL=ForceGraph.d.ts.map

package/dist/ForceGraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForceGraph.d.ts","sourceRoot":"","sources":["../src/ForceGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACtE,YAAY,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,cAAc,CAAC"}
+{"version":3,"file":"ForceGraph.d.ts","sourceRoot":"","sources":["../src/ForceGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACrF,YAAY,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,cAAc,CAAC"}

package/dist/ForceGraph.js

@@ -1,2 +1,2 @@
-export { ForceGraph, GraphLegend, nodeShapePath } from "./catalog.js";
+export { ForceGraph, GraphLegend, nodeShapePath, edgeDashArray } from "./catalog.js";
 //# sourceMappingURL=ForceGraph.js.map

package/dist/ForceGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForceGraph.js","sourceRoot":"","sources":["../src/ForceGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"ForceGraph.js","sourceRoot":"","sources":["../src/ForceGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/Hidden.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export type HiddenBreakpoint = "sm" | "md" | "lg" | "xl";
+export type HiddenProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Hide when viewport is narrower than this breakpoint. */
+    below?: HiddenBreakpoint;
+    /** Hide when viewport is at or wider than this breakpoint. */
+    above?: HiddenBreakpoint;
+    as?: string;
+    className?: string;
+};
+export declare const Hidden: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Hide when viewport is narrower than this breakpoint. */
+    below?: HiddenBreakpoint;
+    /** Hide when viewport is at or wider than this breakpoint. */
+    above?: HiddenBreakpoint;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Hidden.d.ts.map

package/dist/Hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.d.ts","sourceRoot":"","sources":["../src/Hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAC/E,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM;IARjB,2DAA2D;YACnD,gBAAgB;IACxB,8DAA8D;YACtD,gBAAgB;SACnB,MAAM;gBACC,MAAM;qCAqBnB,CAAC"}

package/dist/Hidden.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const Hidden = React.forwardRef(({ below, above, as = "div", className, children, ...rest }, ref) => {
+    const Tag = as;
+    return (_jsx(Tag, { ...rest, ref: ref, className: classNames("st-hidden", below && `st-hidden--below-${below}`, above && `st-hidden--above-${above}`, className), children: children }));
+});
+Hidden.displayName = "Hidden";
+//# sourceMappingURL=Hidden.js.map

package/dist/Hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.js","sourceRoot":"","sources":["../src/Hidden.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAClE,MAAM,GAAG,GAAG,EAAuB,CAAC;IACpC,OAAO,CACL,KAAC,GAAG,OACE,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,WAAW,EACX,KAAK,IAAI,oBAAoB,KAAK,EAAE,EACpC,KAAK,IAAI,oBAAoB,KAAK,EAAE,EACpC,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/Inline.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { FlexAlign, FlexJustify } from "./Flex.js";
+export type InlineProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    as?: string;
+    className?: string;
+};
+export declare const Inline: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Inline.d.ts.map

package/dist/Inline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../src/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAC/E,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM;IATjB,6DAA6D;UACvD,MAAM;YACJ,SAAS;cACP,WAAW;WACd,OAAO;SACT,MAAM;gBACC,MAAM;qCAmBnB,CAAC"}

package/dist/Inline.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { Flex } from "./Flex.js";
+export const Inline = React.forwardRef(({ gap, align, justify, wrap = true, as = "div", className, children, ...rest }, ref) => (_jsx(Flex, { ...rest, ref: ref, as: as, gap: gap, align: align, justify: justify, wrap: wrap, direction: "row", className: classNames("st-inline", className), children: children })));
+Inline.displayName = "Inline";
+//# sourceMappingURL=Inline.js.map

package/dist/Inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.js","sourceRoot":"","sources":["../src/Inline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAajC,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvF,KAAC,IAAI,OACC,IAAI,EACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,YAE5C,QAAQ,GACJ,CACR,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/Row.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { FlexAlign, FlexJustify } from "./Flex.js";
+export type RowProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Spacing scale step (0..12) used for the column gutter. */
+    gutter?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    as?: string;
+    className?: string;
+};
+export declare const Row: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Spacing scale step (0..12) used for the column gutter. */
+    gutter?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Row.d.ts.map

package/dist/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../src/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAC5E,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,GAAG;IATd,6DAA6D;aACpD,MAAM;YACP,SAAS;cACP,WAAW;WACd,OAAO;SACT,MAAM;gBACC,MAAM;qCAqBnB,CAAC"}

package/dist/Row.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { spacingToken, alignValue, justifyValue } from "./Flex.js";
+export const Row = React.forwardRef(({ gutter = 4, align, justify, wrap = true, as = "div", className, style, children, ...rest }, ref) => {
+    const Tag = as;
+    const gap = spacingToken(gutter) ?? "0";
+    const mergedStyle = {
+        flexWrap: wrap ? "wrap" : "nowrap",
+        alignItems: alignValue(align),
+        justifyContent: justifyValue(justify),
+        gap,
+        "--st-row-gutter": gap,
+        ...style,
+    };
+    return (_jsx(Tag, { ...rest, ref: ref, className: classNames("st-row", className), style: mergedStyle, children: children }));
+});
+Row.displayName = "Row";
+//# sourceMappingURL=Row.js.map

package/dist/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../src/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAanE,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,GAAG,GAAG,EAAuB,CAAC;IACpC,MAAM,GAAG,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC;IACxC,MAAM,WAAW,GAAG;QAClB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QAClC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC;QAC7B,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC;QACrC,GAAG;QACH,iBAAiB,EAAE,GAAG;QACtB,GAAG,KAAK;KACc,CAAC;IACzB,OAAO,CACL,KAAC,GAAG,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,YACpF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/Stack.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { FlexAlign, FlexJustify } from "./Flex.js";
+export type StackProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    as?: string;
+    className?: string;
+};
+export declare const Stack: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    as?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAC9E,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK;IARhB,6DAA6D;UACvD,MAAM;YACJ,SAAS;cACP,WAAW;SAChB,MAAM;gBACC,MAAM;qCAkBnB,CAAC"}

package/dist/Stack.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { Flex } from "./Flex.js";
+export const Stack = React.forwardRef(({ gap, align, justify, as = "div", className, children, ...rest }, ref) => (_jsx(Flex, { ...rest, ref: ref, as: as, gap: gap, align: align, justify: justify, direction: "column", className: classNames("st-stack", className), children: children })));
+Stack.displayName = "Stack";
+//# sourceMappingURL=Stack.js.map

package/dist/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAYjC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1E,KAAC,IAAI,OACC,IAAI,EACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,YAE3C,QAAQ,GACJ,CACR,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/catalog.d.ts

@@ -214,7 +214,9 @@ export type FooterProps = React.HTMLAttributes<HTMLElement> & {
 };
 export declare function Footer({ brand, columns, links, copyright, className, ...rest }: FooterProps): import("react/jsx-runtime").JSX.Element;
 export type ForceGraphTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
-export type ForceGraphNodeShape = "dot" | "circle" | "diamond" | "star" | "hexagon" | "box" | "square" | "triangle";
+export type ForceGraphNodeShape = "dot" | "circle" | "diamond" | "star" | "hexagon" | "box" | "square" | "roundedbox" | "triangle";
+/** Stroke dash style for typed edges. */
+export type ForceGraphEdgeDash = "solid" | "dashed" | "dotted" | "long-dash";
 export type ForceGraphNode = {
     /** Stable identifier; referenced by edges. */
     id: string;
@@ -248,8 +250,22 @@ export type ForceGraphEdge = {
     /**
      * When true the link renders as a dashed/faded "weak" link. Lets callers
      * map a confidence dimension onto link strength without extra props.
+     * Equivalent to `dash: "dashed"` plus a faded stroke (kept for back-compat).
      */
     weak?: boolean;
+    /**
+     * Typed dash pattern for the stroke. Independent of `weak`.
+     * "solid" = none, "dashed" = "6 4", "dotted" = "1 4", "long-dash" = "12 6".
+     * When omitted, falls back to the `weak` styling.
+     */
+    dash?: ForceGraphEdgeDash;
+    /**
+     * Emphasise the edge (e.g. a reconciliation/match relation) with a thicker,
+     * fully-opaque stroke. Defaults to false.
+     */
+    emphasis?: boolean;
+    /** Explicit stroke width override in px. Takes precedence over `emphasis`. */
+    width?: number;
 };
 export type ForceGraphLegendEntry = {
     /** Label shown in the legend. */
@@ -260,7 +276,17 @@ export type ForceGraphLegendEntry = {
     tone?: ForceGraphTone;
     /** When true, renders as a dashed line (edge legend). */
     weak?: boolean;
+    /**
+     * Typed dash pattern for an edge legend swatch. Independent of `weak`.
+     * When set, the swatch line uses the matching dash-array.
+     */
+    dash?: ForceGraphEdgeDash;
 };
+/**
+ * Maps a dash style (or the legacy `weak` flag) to an SVG stroke-dasharray.
+ * Returns null for a solid stroke.
+ */
+export declare function edgeDashArray(dash: ForceGraphEdgeDash | undefined, weak?: boolean): string | null;
 export declare function nodeShapePath(shape: ForceGraphNodeShape | undefined, r: number): string | null;
 export type ForceGraphProps = React.HTMLAttributes<HTMLElement> & {
     nodes: ForceGraphNode[];
@@ -309,8 +335,14 @@ export type ForceGraphProps = React.HTMLAttributes<HTMLElement> & {
      * Each entry has a label + optional shape (node) or weak (edge).
      */
     legend?: ForceGraphLegendEntry[];
+    /**
+     * Edge curvature, 0..1. 0 = straight <line> (back-compat). Larger values
+     * bow each edge into a quadratic <path>, offset perpendicular to the chord
+     * by `edgeCurve * dist * factor`. Defaults to a light 0.15.
+     */
+    edgeCurve?: number;
 };
-export declare function ForceGraph({ nodes, edges, label, width, height, nodeRadius, showLabels, iterations, selectedIds, focusId, onSelect, onOpenEntity, onEdgeHover, legend, className, ...rest }: ForceGraphProps): import("react/jsx-runtime").JSX.Element;
+export declare function ForceGraph({ nodes, edges, label, width, height, nodeRadius, showLabels, iterations, selectedIds, focusId, onSelect, onOpenEntity, onEdgeHover, legend, edgeCurve, className, ...rest }: ForceGraphProps): import("react/jsx-runtime").JSX.Element;
 export type GraphLegendProps = React.HTMLAttributes<HTMLDivElement> & {
     entries: ForceGraphLegendEntry[];
     /** Optional heading shown above entries. */